@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{font-family:'DM Sans',Arial,sans-serif;color:#f6f5e9;background:#10261c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#244732 0,#10261c 52%)}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.shell{max-width:820px;margin:auto;padding:27px 22px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:12px}.brandicon{font-size:34px}.logo{font-family:'Space Grotesk',sans-serif;font-size:clamp(19px,4vw,29px);font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.logo em{font-size:.6em;font-weight:400;color:#d2ed97}.period{color:#e8b74c}.tag,.eyebrow,.topright,.banner,.number,.knownbadge,.mysterybadge,.progresshead,.prompt,footer{font-size:11px;font-weight:800;letter-spacing:1.8px}.tag{color:#aac0a6;margin-top:3px}.topright{display:flex;align-items:center;gap:13px;color:#d2ed97}.iconbtn{border:1px solid #5b745d;background:transparent;color:white;border-radius:50%;width:34px;height:34px;font-weight:800}.banner{margin:30px auto 0;border:1px solid #56724b;background:#24452c;color:#d2ed97;border-radius:100px;text-align:center;padding:11px 20px;width:fit-content;letter-spacing:1.3px}.banner span{color:#b5c4a9}.intro{text-align:center;padding:58px 10px 50px}.eyebrow{color:#d2ed97}.intro h1,.finish h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,13vw,112px);line-height:.95;letter-spacing:-7px;margin:20px 0 25px}.intro h1 i{font-style:normal;color:#d2ed97}.intro>p,.finish>p{max-width:430px;margin:0 auto 30px;color:#c4d1c3;font-size:17px;line-height:1.6}.introgrid{display:flex;max-width:450px;margin:36px auto;justify-content:space-around;border-top:1px solid #46604a;border-bottom:1px solid #46604a;padding:21px 0}.introgrid div{display:flex;flex-direction:column;gap:5px}.introgrid strong{font:700 29px 'Space Grotesk'}.introgrid small{font-size:10px;letter-spacing:1px;color:#b1c5b0;font-weight:800}.primary{border:0;background:#d2ed97;color:#18311e;border-radius:12px;padding:19px 28px;font-size:14px;letter-spacing:1px;font-weight:800;min-width:260px;transition:transform .15s,background .15s}.primary:hover{background:#e6ffb5;transform:translateY(-2px)}.primary span{margin-left:12px}.muted{font-size:12px!important;color:#9db29f!important;margin-top:19px!important}.progresshead{display:flex;justify-content:space-between;margin:31px 0 12px;color:#c5d9bd}.segments{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.segments span{height:6px;border-radius:8px;background:#47634b}.segments .done{background:#d2ed97}.segments .miss{background:#d87964}.segments .current{background:#f2f0d8}.compare{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:27px 0 24px;position:relative}.pubcard{border:1px solid #526f55;border-radius:17px;padding:21px;min-height:310px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#213b2b}.unknown{background:#193226;border-style:dashed}.cardtop{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;text-align:left}.number{color:#9bb49c;letter-spacing:1px;font-size:9px}.knownbadge,.mysterybadge{font-size:9px;letter-spacing:.7px;color:#d2ed97}.emoji{font-size:49px;margin:20px 0 9px}.drink{font:700 25px 'Space Grotesk';line-height:1.1;min-height:53px}.pub{font-weight:700;font-size:15px;margin-top:10px}.location{font-size:12px;color:#b2c7af;margin:6px 0 20px}.price{font:700 38px 'Space Grotesk';color:#d2ed97;margin-top:auto}.price.mystery{color:#f6f5e9}.versus{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:2;border:4px solid #10261c;background:#d2ed97;color:#203521;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;font-weight:800;font-size:12px}.prompt{text-align:center;color:#d2ed97;margin:22px 0 15px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:13px;padding:22px 10px;font-size:20px;font-weight:800;letter-spacing:1px;transition:transform .15s}.choice:hover{transform:translateY(-2px)}.up{background:#d2ed97;color:#1a3622}.down{background:#f1bc9d;color:#492b1e}.arrow{font-size:31px}.reveal{text-align:center;border:1px solid #536b53;background:#223c2a;padding:21px;border-radius:14px}.verdict{font:700 25px 'Space Grotesk';color:#d2ed97}.verdict.wrong{color:#f1bc9d}.explanation{margin:12px auto 20px;color:#e5eadf;line-height:1.5}.finish{text-align:center;padding:45px 0}.trophy{font-size:70px;margin-top:20px}.finish h1{font-size:clamp(45px,9vw,72px);letter-spacing:-4px}.bigscore{font:700 100px 'Space Grotesk';color:#d2ed97;line-height:1}.bigscore span{font-size:35px;color:#a8bca4}.resultgrid{display:flex;justify-content:center;gap:9px;margin:25px auto 35px;font-size:28px}.finishactions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.secondary{border:1px solid #839a7d;background:transparent;color:#e4f4d8;border-radius:12px;padding:17px 22px;font-weight:800;letter-spacing:1px}.streak{margin-top:28px;color:#d2ed97;font-weight:800}footer{border-top:1px solid #3e5841;margin-top:30px;padding-top:21px;display:flex;flex-direction:column;gap:9px;color:#8da68e;font-size:9px;letter-spacing:.5px;line-height:1.5;text-align:center}dialog{background:#203a2b;color:#fff;border:1px solid #688166;border-radius:16px;padding:28px;max-width:430px;line-height:1.6}dialog::backdrop{background:#07150bdc}.close{float:right;background:transparent;border:0;color:white;font-size:30px}@media(max-width:540px){.shell{padding:17px 13px}.topright #dayLabel{display:none}.banner{margin-top:24px}.intro{padding-top:44px}.intro h1{letter-spacing:-4px}.compare{gap:9px}.pubcard{padding:13px 8px;min-height:292px}.cardtop{display:block}.knownbadge,.mysterybadge{display:none}.emoji{font-size:40px}.drink{font-size:22px}.pub{font-size:13px}.price{font-size:33px}.versus{width:40px;height:40px}.choice{font-size:16px;gap:6px}.arrow{font-size:24px}.resultgrid{gap:2px;font-size:24px}}

.pubphoto{width:100%;height:125px;margin:12px 0;background:radial-gradient(circle at 70% 18%,#9b7645,#423d2c 40%,#172e20 82%);border-radius:10px;display:grid;place-items:center;overflow:hidden;background-position:center;background-size:cover}.pubphoto span{font-size:48px;text-shadow:0 3px 16px #121e14}.pubphoto.has-photo span{display:none}.social{margin:30px auto 0;max-width:520px;border:1px solid #5b745d;background:#1b3525;padding:22px;border-radius:16px;text-align:left}.social h2{font:700 23px 'Space Grotesk';color:#d2ed97}.social h3{font-size:16px}.social p{line-height:1.5}.leaderboard{border-top:1px solid #526d54;padding-top:12px}.leader-row{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #37513b}.leader-row strong{color:#d2ed97}.nickrow{display:flex;gap:8px;margin-top:10px}.nickrow input{min-width:0;flex:1;border-radius:10px;border:1px solid #829a7c;padding:13px;background:#11261a;color:#fff}.nickrow button{padding:12px;letter-spacing:0}.social label{display:block;margin-top:20px;font-size:12px;letter-spacing:1px}.social[hidden],#submitScore[hidden]{display:none}@media(max-width:540px){.pubphoto{height:85px}.nickrow{flex-direction:column}}

/* Illustrated drinks and local trophy cabinet */
.brandicon{width:43px;height:50px;object-fit:contain}.pubphoto{background:radial-gradient(circle at 50% 45%,#426448,#1a3526 70%);height:136px}.pubphoto img{width:115px;height:120px;object-fit:contain;filter:drop-shadow(0 12px 8px #071c164f)}.trophy img{width:95px;height:95px}.extras{margin:28px auto;max-width:560px;text-align:left;border:1px solid #526e51;border-radius:16px;padding:20px;background:#1b3525}.extras h2{font:700 19px 'Space Grotesk';color:#d2ed97}.achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement{border:1px solid #5d775b;border-radius:12px;padding:13px;background:#243e2d;opacity:.45}.achievement.unlocked{opacity:1;border-color:#c9e99c}.achievement strong,.achievement small{display:block}.achievement small{font-size:11px;color:#b6c8b3;margin-top:5px}.history-row{display:flex;justify-content:space-between;border-bottom:1px solid #49614a;padding:12px 3px}.history-row strong{color:#d2ed97}.stats-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:14px}.stats-breakdown>div{font-size:12px}.stats-track{height:7px;background:#38563d;border-radius:10px;overflow:hidden;margin-top:5px}.stats-track>span{display:block;height:100%;background:#d2ed97}.pubphoto.has-photo img{display:none}@media(max-width:540px){.pubphoto{height:95px}.pubphoto img{height:92px;width:90px}.achievements{grid-template-columns:1fr}}

[hidden]{display:none!important}
footer a,.social a{color:#d2ed97}

/* Public beta: tip jar and resilient hidden states */
[hidden] { display: none !important; }
.tip-wrap { margin: 22px 0 12px; text-align: center; }
.tip-button { display: inline-flex; align-items: center; justify-content: center; padding: 13px 20px; border-radius: 12px; background: #e9c26b; color: #14281e !important; font-weight: 850; text-decoration: none; box-shadow: 0 4px 0 #9c773b; transition: transform .15s ease; }
.tip-button:hover { transform: translateY(-2px); }
.tip-button:focus-visible { outline: 3px solid white; outline-offset: 4px; }