:root{--bg:#0d0d11;--panel:#17171e;--fg:#f2f0e9;--accent:#e8b23a;--muted:#8b8a94;--danger:#ff6b6b;--ok:#7ee08a}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}button{font:inherit;cursor:pointer}.btn-primary{background:var(--accent);color:#1a1408;border:none;border-radius:12px;padding:.85rem 2.5rem;font-size:1.15rem;font-weight:700}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--accent);border:1.5px solid var(--accent);background:0 0;border-radius:12px;padding:.7rem 2rem;font-size:1.05rem;font-weight:700}.btn-secondary:active{transform:scale(.97)}.landing{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;padding:2rem;display:flex}.logo{letter-spacing:-.03em;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:800}.logo span{color:var(--accent)}.tagline{max-width:26ch;font-size:1.15rem}.coming-soon{color:var(--muted);font-size:.95rem}.round{width:min(92vw,60dvh,560px);padding:1rem 0 max(1rem, env(safe-area-inset-bottom));flex-direction:column;gap:.75rem;display:flex}.hud{align-items:center;gap:.9rem;display:flex}.hud-round{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.hud-score{font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;min-width:3ch;font-size:1.6rem;font-weight:800}.hud-score.pulse{animation:.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.hud-bar{background:var(--panel);border-radius:4px;flex:1;height:8px;overflow:hidden}.hud-bar-fill{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(1)}.viewport{aspect-ratio:1;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden}.viewport .still{transform-origin:0 0;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;left:0}.viewport-overlay{z-index:1;background:#0d0d11e0;justify-content:center;align-items:center;font-size:5rem;font-weight:800;display:flex;position:absolute;inset:0}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.viewport-overlay.leader{background:radial-gradient(circle at 50% 45%,#d9d1c0,#b3a78f 90%);animation:1.7s step-end infinite leader-flicker,.35s step-end infinite leader-jitter}.leader-grain{opacity:.28;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:.4s step-end infinite leader-grain;position:absolute;inset:-12%}.leader-rings{background:linear-gradient(#2b241980,#2b241980) 50%/100% 2px no-repeat,linear-gradient(#2b241980,#2b241980) 50%/2px 100% no-repeat;position:absolute;inset:0}.leader-rings:before,.leader-rings:after{content:"";border:3px solid #2b24198c;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.leader-rings:before{width:76%;height:76%}.leader-rings:after{width:46%;height:46%}.leader-sweep{background:conic-gradient(#2b241929 var(--sweep), transparent 0);animation:.8s linear infinite leader-sweep;position:absolute;inset:0}.leader-sweep:after{content:"";transform-origin:0;background:#2b241999;width:50%;height:3px;margin-top:-1.5px;animation:.8s linear infinite leader-sweep-line;position:absolute;top:50%;left:50%}.leader-num{color:#2b2419;text-shadow:0 0 14px #2b241940;font-family:Georgia,Times New Roman,serif;font-size:clamp(6rem,32vw,11rem);font-weight:700;position:relative}.viewport-overlay.leader:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 55%,#18120880);position:absolute;inset:0}.leader-num.pop{animation:.8s ease-out pop}@keyframes leader-sweep{to{--sweep:360deg}}@keyframes leader-sweep-line{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes leader-grain{0%{transform:translate(0)}20%{transform:translate(-2%,1%)}40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}80%{transform:translate(2%,-1%)}to{transform:translate(0)}}@keyframes leader-flicker{0%{opacity:1}13%{opacity:.93}22%{opacity:1}41%{opacity:.96}56%{opacity:.89}63%{opacity:1}87%{opacity:.95}to{opacity:1}}@keyframes leader-jitter{0%{transform:translate(0)}25%{transform:translate(.6px,-.4px)}50%{transform:translate(-.5px,.5px)}75%{transform:translate(.4px,.6px)}to{transform:translate(0)}}@keyframes pop{0%{opacity:0}15%{opacity:1}to{opacity:.9}}.guess{position:relative}.guess.shake{animation:.4s shake}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.guess-form{gap:.5rem;display:flex}.guess-input{background:var(--panel);color:var(--fg);border:1px solid #2c2c36;border-radius:12px;outline:none;flex:1;padding:.8rem 1rem;font-size:1rem}.guess-input:focus{border-color:var(--accent)}.guess-submit{background:var(--accent);color:#1a1408;border:none;border-radius:12px;padding:0 1.4rem;font-weight:700}.guess-submit:disabled,.guess-input:disabled{opacity:.4}.guess-suggestions{background:var(--panel);z-index:2;border:1px solid #2c2c36;border-radius:12px;max-height:40dvh;padding:.3rem;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto}.guess-suggestions li{cursor:pointer;border-radius:8px;padding:.6rem .8rem}.guess-suggestions li.highlighted,.guess-suggestions li:hover{background:#e8b23a26}.guess-feedback{color:var(--danger);padding:.2rem .4rem;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:0}.reveal{text-align:center;flex-direction:column;align-items:center;gap:.9rem;width:min(92vw,560px);padding:1.5rem 0;display:flex}.reveal-verdict{font-size:1.5rem;font-weight:800}.reveal-frame{background:#000;border-radius:16px;width:100%;overflow:hidden}.reveal-frame img{width:100%;height:auto;display:block}.reveal-title{font-size:1.4rem}.reveal-title span{color:var(--muted);font-weight:400}.reveal-points{color:var(--ok);font-variant-numeric:tabular-nums;font-weight:700}.reveal-progress{color:var(--muted);font-size:.95rem}.results{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:min(92vw,480px);padding:2rem 0;display:flex}.results-heading{font-size:1.6rem;font-weight:800}.results-total{color:var(--accent);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1}.results-total span{color:var(--muted);font-size:1.4rem}.results-rows{flex-direction:column;gap:.4rem;width:100%;padding:0;list-style:none;display:flex}.results-row{background:var(--panel);text-align:left;border-radius:10px;align-items:center;gap:.7rem;padding:.6rem .9rem;display:flex}.results-movie{flex:1;font-weight:600}.results-movie span{color:var(--muted);font-size:.9em;font-weight:400}.results-pts{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.results-streak{font-weight:700}.results-tomorrow{color:var(--muted);font-size:.95rem}