@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;600;800&display=swap";
:root{--velvet:#2a0509;--velvet-deep:#12020a;--gold:#f5c542;--gold-soft:#ffe29a;--cream:#fff6e0;--ink:#0b0710;--muted:#c9b9a3;--win:#39d98a;--lose:#ff5a5f;--frame:#1b1220}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--cream);background:radial-gradient(ellipse 70% 45% at 50% 0%, #f5c54238, transparent 70%), repeating-linear-gradient(90deg, #0000002e 0 14px, #ffffff06 14px 28px), linear-gradient(180deg, var(--velvet) 0%, var(--velvet-deep) 100%);background-attachment:fixed;font-family:Inter,system-ui,sans-serif}main{max-width:560px;margin:0 auto;padding:28px 16px 48px}.marquee{text-align:center;border:3px solid var(--gold);background:linear-gradient(#3a0b10,#1c0409);border-radius:18px;margin-bottom:22px;padding:26px 16px 22px;position:relative;box-shadow:0 0 0 6px #120206,0 0 40px #f5c54259,inset 0 0 30px #0009}.bulbs{background:radial-gradient(circle, var(--gold-soft) 0 3px, transparent 4px) 0 0 / 18px 8px repeat-x;height:8px;filter:drop-shadow(0 0 4px var(--gold));animation:1.2s steps(2,end) infinite chase;position:absolute;top:8px;left:14px;right:14px}.bulbs.bottom{animation-delay:.6s;top:auto;bottom:8px}@keyframes chase{50%{opacity:.35}}.marquee h1{letter-spacing:.06em;color:var(--cream);text-shadow:0 0 10px #fff6e099,0 0 30px #f5c54299;margin:4px 0 0;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(56px,16vw,84px);line-height:1}.marquee h1 span{color:var(--gold)}.tagline{letter-spacing:.32em;text-transform:uppercase;color:var(--gold-soft);margin:6px 0 0;font-size:12px;font-weight:600}.hud{align-items:stretch;gap:8px;margin-bottom:14px;display:flex}.hud-item{text-align:center;background:#00000059;border:1px solid #f5c54240;border-radius:12px;flex:1;padding:8px 10px}.hud-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.hud-value{color:var(--gold);font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1.1}.mute{cursor:pointer;background:#00000059;border:1px solid #f5c54240;border-radius:12px;width:52px;font-size:20px}.reel{justify-content:center;gap:10px;margin:6px 0 14px;display:flex}.reel-dot{border:2px solid #f5c54280;border-radius:50%;width:12px;height:12px;transition:background .3s,box-shadow .3s}.reel-dot.lit{background:var(--gold);box-shadow:0 0 10px var(--gold)}.clues{gap:10px;margin:0;padding:0;list-style:none;display:grid}.clues.shake{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.frame{background:var(--frame);transform-origin:top;border-radius:10px;align-items:center;gap:12px;padding:14px 16px 14px 34px;animation:.5s cubic-bezier(.2,.9,.3,1.3) both roll-in;display:flex;position:relative;box-shadow:0 8px 24px #00000073}.frame:before{content:"";opacity:.35;background:radial-gradient(circle,#fff6e0bf 0 2.5px,#0000 3px) 0 0/10px 12px repeat-y;width:10px;position:absolute;top:8px;bottom:8px;left:8px}.frame:last-child{border:1px solid #f5c5428c;box-shadow:0 8px 24px #00000073,0 0 18px #f5c5422e}@keyframes roll-in{0%{opacity:0;transform:rotateX(-80deg)translateY(-10px)}to{opacity:1;transform:none}}.frame-num{color:var(--gold);min-width:18px;font-family:Bebas Neue,sans-serif;font-size:30px}.frame-body{flex-direction:column;flex:1;display:flex}.frame-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.frame-text{margin-top:2px;font-size:16px;font-weight:600}.frame-pts{color:var(--ink);background:var(--gold);border-radius:999px;padding:2px 10px;font-family:Bebas Neue,sans-serif;font-size:22px}.guess{margin-top:18px}.stakes{text-align:center;color:var(--muted);margin-bottom:8px;font-size:13px}.stakes strong{color:var(--gold);font-size:16px}.guess-box{position:relative}.guess-box input{width:100%;color:var(--cream);background:#00000080;border:2px solid #f5c54266;border-radius:14px;outline:none;padding:16px 18px;font-family:inherit;font-size:17px;transition:border-color .2s,box-shadow .2s}.guess-box input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #f5c5422e}.suggestions{z-index:10;background:#1a0d14;border:1px solid #f5c54259;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 16px 40px #0009}.suggestions button{width:100%;color:var(--cream);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;padding:11px 12px;font-size:15px;display:flex}.suggestions button:hover,.suggestions button:focus{background:#f5c54224}.suggestions em{color:var(--muted);font-style:normal}.verdict{text-align:center;border-radius:16px;margin-top:18px;padding:24px 18px;animation:.45s cubic-bezier(.2,.9,.3,1.4) both pop;position:relative;overflow:hidden}.verdict.won{border:2px solid var(--win);background:linear-gradient(#39d98a38,#0006)}.verdict.lost{border:2px solid var(--lose);background:linear-gradient(#ff5a5f33,#0006)}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.verdict-kicker{letter-spacing:.3em;text-transform:uppercase;font-size:12px;font-weight:800}.verdict.won .verdict-kicker{color:var(--win)}.verdict.lost .verdict-kicker{color:var(--lose)}.verdict-title{color:var(--cream);margin:8px 0 6px;font-family:Bebas Neue,sans-serif;font-size:clamp(36px,10vw,52px);line-height:1}.verdict-meta{color:var(--muted);font-size:13px}.verdict-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.imdb,.next{font:inherit;cursor:pointer;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:800;text-decoration:none}.imdb{color:#000;background:#f5c518;border:none}.next{color:var(--cream);border:2px solid var(--cream);background:0 0}.next:hover{background:var(--cream);color:var(--ink)}.confetti i{top:-12px;left:calc(var(--i) * 4.2%);background:hsl(calc(var(--i) * 37), 90%, 60%);width:8px;height:14px;animation:fall 1.6s calc(var(--i) * 40ms) ease-in forwards;opacity:0;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(260px)rotate(540deg)}}.credits{text-align:center;color:var(--muted);letter-spacing:.04em;margin-top:28px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.skip{width:100%;color:var(--gold-soft);font:inherit;cursor:pointer;background:0 0;border:1px dashed #f5c54273;border-radius:14px;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:background .2s;display:block}.skip:hover{background:#f5c5421a}.guess-box:focus-within+.skip{z-index:0;position:relative}.modes{background:#0006;border:1px solid #f5c5424d;border-radius:999px;margin-bottom:8px;padding:4px;display:flex}.modes button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:10px 8px;font-size:14px;font-weight:800;transition:background .2s,color .2s}.modes button.on{background:var(--gold);color:var(--ink);box-shadow:0 0 14px #f5c54273}.mode-blurb{text-align:center;color:var(--muted);margin:0 0 14px;font-size:13px}.pot{flex-direction:column;align-items:center;margin:4px 0 14px;display:flex}.pot.shake{animation:.45s shake}.pot-label{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:10px}.pot-value{color:var(--gold);text-shadow:0 0 22px #f5c54280;font-family:Bebas Neue,sans-serif;font-size:64px;line-height:1}.tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.tile{text-align:left;background:repeating-linear-gradient(135deg, #f5c5420d 0 8px, transparent 8px 16px), var(--frame);min-height:92px;color:var(--cream);font:inherit;cursor:pointer;border:1px solid #f5c54259;border-radius:12px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px 14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.tile:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 22px #f5c54233}.tile.wide{grid-column:1/-1}.tile-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.tile-cost{color:var(--lose);align-self:flex-end;font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1}.tile-cost.danger{animation:.9s steps(2,end) infinite chase}.tile.owned{cursor:default;background:var(--frame);border-color:#f5c542b3;animation:.5s cubic-bezier(.2,.9,.3,1.3) both roll-in}.tile-text{font-size:14px;font-weight:600}