:root{color-scheme:dark;font-family:Inter,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:#fff;background:#0f4c3a}button,select{font:inherit}button{cursor:pointer}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0}.screen{position:relative;z-index:1;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}.hidden{display:none!important}.overlay{background:rgba(3,46,33,.25);backdrop-filter:blur(5px)}.card,.play-card{width:min(100%,900px);border:1px solid rgba(255,255,255,.25);border-radius:28px;background:rgba(3,46,33,.94);box-shadow:0 24px 70px #0005;padding:26px;text-align:center}.menu-card{max-width:580px}.compact{max-width:520px}.hero{font-size:62px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.14em;color:#a7f3d0}h1{font-size:clamp(34px,7vw,60px);margin:8px 0}.field{display:grid;gap:8px;text-align:left;margin:18px 0;font-weight:800}.field select{min-height:50px;border:1px solid #6ee7b7;border-radius:14px;background:#064e3b;color:#fff;padding:0 14px}.primary,button{min-height:48px;border:1px solid #ffffff44;border-radius:14px;background:#065f46;color:#fff;padding:10px 16px;font-weight:850}.primary{background:#fbbf24;color:#422006;border:0}.menu-card>.primary{width:100%;margin:8px 0 14px}.hud{position:fixed;z-index:3;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 20px),940px);display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border-radius:18px;background:#032e21f2}.hud div{display:grid;min-width:70px;text-align:center}.hud span{font-size:10px;color:#a7f3d0}.hud button{min-width:44px;padding:7px}.play-card{margin-top:82px}.restaurant-sign{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:18px;background:#fef3c7;color:#78350f;padding:13px;font-size:20px}.case-meta{display:flex;justify-content:space-between;margin-top:16px;color:#a7f3d0;font-size:11px;font-weight:900}.cue-pill{display:inline-block;margin:0;border-radius:999px;background:#fbbf24;color:#422006;padding:10px 18px;font-weight:900}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:18px 0}.menu-item{position:relative;min-height:132px;display:grid;grid-template-columns:56px 1fr;align-items:center;text-align:left;background:#ecfdf5;color:#064e3b}.menu-item .emoji{font-size:36px}.menu-item small{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.badge{border-radius:999px;background:#d1fae5;padding:3px 7px;color:#065f46;font-size:11px}.menu-item.correct{outline:4px solid #fbbf24}.menu-item.wrong{background:#fecaca}.menu-item.hinted{box-shadow:0 0 0 5px #67e8f9}.choice-key{position:absolute;right:8px;top:6px}.feedback{border-top:1px solid #ffffff33;padding-top:10px}.allergen{font-size:12px;color:#d1fae5}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-grid span{display:grid;background:#ffffff12;border-radius:14px;padding:14px}.final-score{font-size:50px}.compact button{width:100%;margin-top:9px}@media(max-width:640px){.screen{padding-left:9px;padding-right:9px}.card,.play-card{padding:16px}.hud{gap:3px}.hud div{min-width:51px}.hud div:nth-child(3){display:none}.play-card{margin-top:72px}.choices{grid-template-columns:1fr}.menu-item{min-height:94px}.hero{font-size:48px}}