:root{--ink:#14122b;--gold:#ffc72c;--red:#e63946;--paper:#fff8e7;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;pointer-events:none;grid-template-columns:1fr auto 1fr;gap:8px;display:grid;position:fixed;top:0;left:0;right:0}.stat{text-shadow:0 2px #14122b8c;flex-direction:column;display:flex}.stat.center{align-items:center}.stat.right{align-items:flex-end}.stat small,.results small,.label{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:800}.stat span{font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1.1}#coins{color:var(--gold)}#banner{background:var(--ink);color:var(--gold);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:10px 22px;font-size:20px;font-weight:900;transition:opacity .3s,transform .3s;position:fixed;top:22%;left:50%;transform:translate(-50%,-12px)}#banner.show{opacity:1;transform:translate(-50%)}.screen{padding:calc(24px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#14122bbf 0%,#14122b00 30% 50%,#14122bd9 100%);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.screen header,.screen footer{width:100%;max-width:520px}.logo{filter:drop-shadow(0 6px 10px #14122b73);height:clamp(64px,17vh,150px);margin:0 auto 4px;display:block}h1{letter-spacing:-.02em;text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(40px,11vw,72px);font-weight:900;line-height:1}h1 em{color:var(--gold);font-style:normal}#gameover h1{color:var(--red)}.tag{margin:8px 0 0;font-size:16px;font-weight:700}.label{margin:0 0 8px}.hint{opacity:.8;margin:12px 0 0;font-size:13px}#picker{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}button{font:inherit;color:inherit;cursor:pointer;border:0}.snack{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8e724;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:15px;font-weight:800;display:flex}.snack i{border:3px solid;border-radius:50%;width:22px;height:22px}.snack[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--gold)}.primary,.secondary{border-radius:16px;width:100%;padding:16px;font-size:20px;font-weight:900}.primary{background:var(--gold);color:var(--ink);box-shadow:0 5px #c9920a}.primary:active{transform:translateY(3px);box-shadow:0 2px #c9920a}.secondary{background:#fff8e724;margin-top:12px;padding:12px;font-size:16px}button:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.results{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.results div{background:#fff8e724;border-radius:16px;flex-direction:column;padding:12px;display:flex}.results span{font-variant-numeric:tabular-nums;font-size:32px;font-weight:900}@media (height<=480px){.hint,.tag{display:none}.screen footer{max-width:720px}.logo{height:48px}}