:root{--bg:#070a14;--bg-2:#0d1224;--ink:#f2f4ff;--ink-dim:#f2f4ff9e;--ink-faint:#f2f4ff47;--pop:#b4ff39;--pop-ink:#0a1200;--line:#f2f4ff1a;--card:#f2f4ff0d;--card-solid:#12151f;--font:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-snap:cubic-bezier(.2, 1.4, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;margin:0}body{-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}a{color:var(--pop)}#root{isolation:isolate;min-height:100dvh;position:relative}#root:after{content:"";pointer-events:none;z-index:50;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.stars{z-index:-1;pointer-events:none;position:fixed;inset:0}.screen{max-width:480px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.screen.shake{animation:shake .5s var(--ease-out)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.topbar{color:var(--ink-dim);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:700;text-decoration:none}.brand b{color:var(--pop)}.topbar nav{gap:14px;display:flex}.topbar nav a{color:var(--ink-dim);text-decoration:none}.topbar nav a:hover{color:var(--ink)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:8px;font-size:12px;display:flex}.eyebrow .n{color:var(--pop)}.progress{gap:4px;margin:10px 0 0;display:flex}.progress i{background:var(--line);border-radius:2px;flex:1;height:3px}.progress i.done{background:var(--ink-dim)}.progress i.cur{background:var(--pop)}.question{text-wrap:balance;margin:18px 0 0;font-size:clamp(24px,6.2vw,30px);font-weight:500;line-height:1.18}.question .live{vertical-align:middle;border:1px solid var(--pop);color:var(--pop);letter-spacing:.08em;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;display:inline-block}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:150px;display:flex}.hero .big{letter-spacing:-.03em;transition:transform .18s var(--ease-snap);font-size:clamp(44px,13vw,72px);font-weight:700;line-height:1}.hero .big.bump{animation:bump .25s var(--ease-snap)}@keyframes bump{0%{transform:scale(.92)}to{transform:scale(1)}}.hero .exact{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-top:8px;font-size:14px}.hero .placeholder{color:var(--ink-faint);font-size:18px}.hero .unit{color:var(--ink-dim);margin-top:4px;font-size:16px}.strip{margin-top:8px;position:relative}.strip .track{cursor:grab;-webkit-user-select:none;user-select:none}.strip .track:active{cursor:grabbing}.strip .arrow{z-index:2;width:34px;height:48px;color:var(--ink-dim);background:linear-gradient(90deg, var(--bg), transparent);border-radius:12px;font-size:26px;position:absolute;top:8px}.strip .arrow.right{background:linear-gradient(270deg, var(--bg), transparent);right:0}.strip .arrow:hover:not(:disabled){color:var(--ink)}.strip .hint{height:36px;color:var(--ink-dim);justify-content:center;align-items:baseline;gap:10px;font-size:14px;display:flex}.strip .hint .obj{transition:transform .2s var(--ease-snap);line-height:1;display:inline-block}.strip .track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:8px calc(50% - 30px);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.strip .track::-webkit-scrollbar{display:none}.strip .notch{scroll-snap-align:center;border:1px solid var(--line);height:48px;color:var(--ink-dim);transition:all .15s var(--ease-out);background:var(--card);border-radius:12px;flex:0 0 60px;font-size:15px;font-weight:700}.strip .notch.on{color:var(--pop-ink);background:var(--pop);border-color:var(--pop);transform:scale(1.08);box-shadow:0 0 24px #b4ff3959}.pad{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;display:grid}.pad button{background:var(--card);border:1px solid var(--line);height:56px;transition:transform .12s var(--ease-snap), background .12s;border-radius:14px;font-size:22px;font-weight:700}.pad button:active{transform:scale(.9)}.pad button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pad .lock{background:var(--pop);color:var(--pop-ink);border-color:var(--pop);letter-spacing:.02em;grid-column:span 2;font-size:17px}.pad .lock:disabled{opacity:.35}.reveal{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.reveal .guess{letter-spacing:-.03em;transition:transform .6s var(--ease-out), opacity .6s;transform-origin:50%;font-size:clamp(40px,12vw,68px);font-weight:700}.reveal .guess.shrunk{opacity:.9;transform:scale(.06)}.reveal .guess.gone{opacity:0}.reveal .label{color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:14px;transition:opacity .3s}.reveal .truth{letter-spacing:-.03em;color:var(--pop);animation:punch .45s var(--ease-snap);text-shadow:0 0 40px #b4ff3973;font-size:clamp(44px,13vw,76px);font-weight:700;line-height:1}@keyframes punch{0%{opacity:0;filter:blur(6px);transform:scale(2.6)}60%{filter:blur()}to{opacity:1;transform:scale(1)}}.reveal .flash{background:var(--pop);opacity:0;pointer-events:none;position:absolute;inset:0}.reveal .flash.go{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.55}to{opacity:0}}.reveal .exact{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-top:10px}.reveal .verdict{animation:fadeup .5s var(--ease-out) both;margin-top:22px;font-size:20px;font-weight:500}.reveal .verdict .em{margin-bottom:6px;font-size:30px;display:block}.reveal .verdict .miss{color:var(--ink-dim);margin-top:4px;font-size:15px;display:block}.reveal .story{max-width:400px;color:var(--ink-dim);animation:fadeup .6s .25s var(--ease-out) both;margin-top:18px;font-size:16px;line-height:1.45}.reveal .story small{color:var(--ink-faint);margin-top:8px;font-size:12px;display:block}.reveal .moved{color:var(--pop);animation:fadeup .5s .5s var(--ease-out) both;margin-top:14px;font-size:14px}.reveal .next{animation:fadeup .5s .6s var(--ease-out) both;margin-top:28px}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.btn{background:var(--pop);height:52px;color:var(--pop-ink);transition:transform .12s var(--ease-snap);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.95)}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.block{width:100%}.results h1{letter-spacing:-.02em;margin:18px 0 4px;font-size:28px}.results .sub{color:var(--ink-dim);margin:0 0 16px}.emoji-string{letter-spacing:2px;word-break:break-all;font-size:30px;line-height:1.3}.score{letter-spacing:-.03em;font-size:56px;font-weight:700;line-height:1}.score small{color:var(--ink-dim);font-size:22px;font-weight:500}.card{background:var(--card-solid);border:1px solid var(--line);border-radius:18px;margin-top:12px;padding:16px}.card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 6px;font-size:13px;font-weight:500}.stat{font-size:22px;font-weight:700}.stat b{color:var(--pop)}.row{gap:10px;display:flex}.row>*{flex:1}.qlist{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.qlist li{background:var(--card-solid);border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:grid}.qlist li .em{font-size:20px}.qlist li .p{color:var(--ink-dim);font-size:13px}.qlist li .a{text-align:right;white-space:nowrap;font-weight:700}.qlist li .a small{color:var(--ink-dim);font-weight:400;display:block}.actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.toast{background:var(--ink);color:var(--bg);z-index:60;animation:fadeup .3s var(--ease-out);border-radius:999px;padding:10px 16px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.curve{width:100%;height:auto;margin-top:6px;display:block}.curve .legend{color:var(--ink-dim);gap:14px;margin-top:6px;font-size:12px;display:flex}.list{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.list a{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.list a .em{font-size:24px}.list a .d{color:var(--ink-dim);font-size:13px}.list a .s{font-size:14px;font-weight:700}.badges{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px;display:grid}.badge{background:var(--card-solid);border:1px solid var(--line);text-align:center;color:var(--ink-dim);border-radius:14px;padding:12px;font-size:12px}.badge .em{filter:grayscale();opacity:.4;margin-bottom:4px;font-size:26px;display:block}.badge.on{color:var(--ink);border-color:#b4ff3966}.badge.on .em{filter:none;opacity:1}.landing{text-align:center;justify-content:center;gap:14px}.landing h1{letter-spacing:-.05em;margin:0;font-size:clamp(56px,18vw,96px);line-height:.9}.landing h1 b{color:var(--pop)}.landing p{color:var(--ink-dim);max-width:320px;margin:0 auto;font-size:18px}.landing .meta{color:var(--ink-faint);font-size:13px}.center{text-align:center}.muted{color:var(--ink-dim)}.tiny{color:var(--ink-faint);font-size:12px}.gauge{align-items:center;gap:16px;min-height:124px;padding:6px 4px;display:flex}.gauge.empty{justify-content:center}.gauge-icon{color:var(--pop);filter:drop-shadow(0 0 14px #b4ff3940);flex:none}.scale-icon{animation:iconpop .28s var(--ease-snap)}@keyframes iconpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.gauge-fill{letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.15}.gauge-anchor{color:var(--ink-dim);margin-top:4px;font-size:14px}.hero{min-height:92px}.strip .hint{display:none}.strip{margin-top:6px;padding:0 40px}.strip .track{padding:12px calc(50% - 70px);position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.strip .rail{background:var(--line);border-radius:2px;height:4px;margin:0 40px;position:relative}.strip .rail:before{content:"";background:var(--pop);border-radius:1px;width:2px;height:16px;margin-left:-1px;position:absolute;top:-6px;left:50%}.strip .notch{flex:0 0 60px}.strip .arrow{z-index:2;width:36px;height:52px;color:var(--pop);background:0 0;border-radius:12px;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex;position:absolute;top:10px}.strip .arrow.left{left:0}.strip .arrow.right{right:0}.strip .arrow:hover:not(:disabled){background:#b4ff391f}.strip .arrow:disabled{opacity:.2}.strip .caption{text-align:center;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:11px}.qpick{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.qpick button{background:var(--card);border:1px solid var(--line);opacity:.55;border-radius:8px;height:38px;font-size:16px}.qpick button.on{opacity:1;border-color:var(--pop);background:#b4ff391f}.qlist li{cursor:pointer}.qlist li.sel{outline:1px solid var(--pop)}.input{border:1px solid var(--line);background:var(--bg-2);width:100%;height:46px;color:var(--ink);font:inherit;border-radius:12px;margin-bottom:8px;padding:0 14px}.input:focus{outline:2px solid var(--pop);border-color:#0000}.legal p{color:var(--ink-dim);font-size:15px;line-height:1.55}.legal h2{letter-spacing:.04em;margin:22px 0 4px;font-size:16px}.legal b{color:var(--ink)}.dial-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.dial{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;width:min(56vw,230px);height:auto}.dial:active{cursor:grabbing}.dial-track{fill:none;stroke:var(--line);stroke-width:5px;stroke-linecap:round}.dial-glow{fill:none;stroke:var(--pop);stroke-linecap:round;transition:opacity .15s}.dial-tick{stroke:#f2f4ff47;stroke-width:2px;stroke-linecap:round}.dial-tick.major{stroke:#f2f4ff8c;stroke-width:3px}.dial-tick.on{stroke:var(--pop)}.dial-band-label{fill:var(--ink-faint);font-size:12px;font-weight:700;font-family:var(--font)}.dial-band-label.on{fill:var(--pop)}.dial-needle{stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.dial-needle-cap{fill:var(--pop)}.dial-hub{fill:var(--bg-2);stroke:var(--line);stroke-width:1.5px}.dial-readout{fill:var(--ink);font-size:30px;font-weight:700;font-family:var(--font);letter-spacing:-.02em}.dial-readout.idle{fill:var(--ink-faint);font-size:15px;font-weight:500}.dial-sublabel{fill:var(--ink-dim);font-size:11px;font-family:var(--font)}.dial-substeps{align-items:center;gap:8px;min-height:38px;display:flex}.chip{background:var(--card);border:1px solid var(--line);min-width:44px;min-height:36px;color:var(--ink-dim);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.chip.on{background:var(--pop);color:var(--pop-ink);border-color:var(--pop)}.chip.big{min-width:72px;min-height:48px;font-size:17px}.dial-bands{gap:6px;width:100%;display:flex}.dial-bands .band{background:var(--card);border:1px solid var(--line);min-height:44px;color:var(--ink-dim);border-radius:12px;flex:1;font-size:15px;font-weight:700;transition:all .15s}.dial-bands .band.on{background:var(--pop);color:var(--pop-ink);border-color:var(--pop);box-shadow:0 0 18px #b4ff3959}.dial-bands .band.open{border-color:var(--pop);color:var(--pop)}.bandpad{flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.bandpad-readout{letter-spacing:-.02em;min-height:52px;font-size:40px;font-weight:700}.bandpad-steps{align-items:center;gap:10px;min-height:52px;display:flex}.gauge.compact{justify-content:center;gap:12px;min-height:56px;padding:0 4px}.gauge.compact .gauge-fill{font-size:16px}.gauge.compact .gauge-icon{filter:none}.hero.slim{flex:none;min-height:30px}.exact-line{font-variant-numeric:tabular-nums;color:var(--ink);font-size:16px}.exact-line.dim{color:var(--ink-faint)}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-width:260px;display:grid}.emoji-grid span{text-align:center;font-size:28px;line-height:1.2}@media (prefers-reduced-motion:reduce){.dial-glow,.dial-bands .band,.chip,.scale-icon{transition:none!important;animation:none!important}}.radio-row{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.radio-row input{accent-color:var(--pop);width:18px;height:18px;margin-top:4px}.infotip{margin-left:6px;display:inline-block;position:relative}.infotip-btn{border:1px solid var(--ink-faint);width:18px;height:18px;color:var(--ink-dim);border-radius:50%;padding:0;font-size:11px;font-weight:700;line-height:1}.infotip-btn[aria-expanded=true]{background:var(--pop);color:var(--pop-ink);border-color:var(--pop)}.infotip-pop{z-index:30;background:var(--bg-2);border:1px solid var(--line);width:230px;color:var(--ink-dim);text-transform:none;letter-spacing:normal;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.45;position:absolute;top:24px;left:50%;transform:translate(-60%);box-shadow:0 8px 30px #00000080}.infotip-pop a{color:var(--pop)}.curve-verdict{color:var(--ink);flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:15px;display:flex}.curve-verdict b{color:var(--pop);font-size:17px}.curve-verdict .apart{width:100%;color:var(--pop);font-size:16px;font-weight:700}.modal-veil{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeup .2s var(--ease-out);background:#04060eb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:22px;width:100%;max-width:420px;padding:24px;position:relative;box-shadow:0 20px 60px #0009}.modal h2{letter-spacing:-.01em;margin:0 0 10px;padding-right:30px;font-size:22px}.modal-x{background:var(--card);border:1px solid var(--line);width:34px;height:34px;color:var(--ink-dim);border-radius:50%;font-size:14px;position:absolute;top:14px;right:14px}.benefits{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.benefits li{align-items:center;gap:10px;font-size:15px;display:flex}.benefits li span{font-size:18px}.card-benefits{background:var(--card-solid);border:1px solid var(--line);border-radius:18px;margin-top:12px;padding:16px}.modal.howto{padding:20px 0 16px;overflow:hidden}.howto-track{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.howto-track::-webkit-scrollbar{display:none}.howto-card{scroll-snap-align:center;text-align:center;cursor:pointer;flex:0 0 100%;padding:10px 24px 0}.demo{justify-content:center;align-items:center;gap:18px;height:190px;margin-bottom:0;display:flex}.howto-card h2{margin-top:4px}.howto-card>.demo{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.demo-col{flex-direction:column;gap:8px}.demo-sand{color:var(--ink);font-size:17px;font-weight:500}.demo-bands{gap:5px;display:flex}.demo-band{background:var(--card);border:1px solid var(--line);min-width:30px;color:var(--ink-dim);text-align:center;border-radius:8px;padding:5px 7px;font-size:12px;font-weight:700;transition:all .2s}.demo-band.on{background:var(--pop);color:var(--pop-ink);border-color:var(--pop)}.demo-band.wide{min-width:48px}.demo-chips{gap:6px;display:flex}.howto-nav .btn.skip{height:38px;color:var(--ink-dim);padding:0 14px;font-size:13px}.demo-q{animation:fadeup .5s var(--ease-out);max-width:300px}.demo-q-text{font-size:17px;font-weight:500}.demo-q-text.lime{color:var(--pop);text-wrap:balance;font-size:21px;font-weight:700;line-height:1.3}.lime{color:var(--pop)}.demo-scale-col{flex-direction:column;gap:10px}.demo-scale{align-items:center;gap:18px;display:flex}.demo-stack{flex-direction:column;gap:8px;display:flex}.demo-q-num{color:var(--pop);font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;margin-top:10px;font-size:20px;font-weight:700}.demo-scale{flex-direction:row}.demo-pop{animation:demopop .45s var(--ease-snap)}@keyframes demopop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.demo-mag{font-size:24px;font-weight:700}.demo-digits{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.demo-key{background:var(--card);border:1px solid var(--line);width:26px;height:34px;color:var(--ink-dim);transition:all .2s var(--ease-snap);border-radius:8px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.demo-key.on{background:var(--pop);color:var(--pop-ink);border-color:var(--pop);transform:scale(1.15)}.demo-guess{font-size:24px;font-weight:700}.demo-truth{color:var(--pop);text-shadow:0 0 24px #b4ff3973;font-size:24px;font-weight:700}.demo-punch{animation:punch .4s var(--ease-snap)}.howto-card h2{font-size:20px}.howto-card p{margin:6px 0 0;font-size:15px;line-height:1.45}.howto-dots{justify-content:center;gap:8px;margin:16px 0 4px;display:flex}.howto-dots button{background:var(--line);border-radius:50%;width:8px;height:8px;padding:0}.howto-dots button.on{background:var(--pop);border-radius:4px;width:22px}.howto-nav{justify-content:space-between;padding:8px 20px 4px;display:flex}.howto-nav .btn{height:44px;padding:0 20px}.topbar nav{align-items:center}.linkish{color:var(--ink-dim);border:1px solid var(--line);border-radius:50%;width:26px;height:26px;padding:0;font-size:13px;font-weight:700}.login-btn{background:var(--pop);color:var(--pop-ink);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.login-btn.big{color:var(--pop);border:1.5px solid var(--pop);background:0 0;margin-top:4px;padding:12px 22px;font-size:15px}.profile-chip{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;max-width:160px;padding:4px 10px 4px 4px;text-decoration:none;display:inline-flex}.profile-chip .avatar{background:var(--pop);width:24px;height:24px;color:var(--pop-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.profile-chip .pname{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.profile-chip .pstreak{font-size:12px}.upsell{color:var(--ink);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:flex}.upsell b{color:var(--pop)}.upsell span:first-child{color:var(--pop);font-size:18px}.plus-link{color:var(--pop);margin-top:10px;text-decoration:none}.clock{color:var(--pop);font-variant-numeric:tabular-nums;font-weight:700}.clock.low{color:#ff5c5c;animation:.5s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.45}}.bonus-card{border-color:#b4ff3959;width:100%}.zoom-factor{text-align:center;animation:fadeup .25s var(--ease-out);position:absolute;bottom:26%;left:0;right:0}.zoom-factor b{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(34px,9vw,46px);font-weight:700;display:block}.zoom-factor span{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.bottomnav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#090c18eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--ink-dim);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:4px 6px;text-decoration:none;display:flex}.bottomnav a .i{font-size:20px}.bottomnav a .l{letter-spacing:.04em;font-size:10px;font-weight:700}.bottomnav a.on{color:var(--pop)}.navspace{flex:none;height:66px}@media (width>=768px){.bottomnav,.navspace{display:none}}@media (width<=767px){.topbar .navlinks{display:none}}@media (width>=768px){.topbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#070a14d9;margin:0 calc(50% - 50vw) 8px;padding:14px max(24px,50vw - 540px);position:sticky;top:0}.screen{max-width:640px}}@media (width>=1024px){.screen.wide{max-width:1040px}.game-grid{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.game-info .question{font-size:34px}.game-info .hero{justify-content:flex-start}.res-grid{grid-template-columns:440px 1fr;grid-template-areas:"l r""b r";align-items:start;gap:0 32px;display:grid}.res-left{grid-area:l}.res-right{grid-area:r}.res-bottom{grid-area:b}}@media (width<=1023px){.game-grid,.game-info,.game-input{display:contents}}.results .score{color:var(--pop)}.results .score small{color:var(--ink-faint);font-size:15px;font-weight:500}.stat .muted{font-size:15px;font-weight:500}.card .tiny{color:var(--ink-dim)}.eyebrow.big{font-size:15px}.reveal-q{color:var(--ink);max-width:560px;margin:12px 0 0;font-size:19px;font-weight:500}.your-guess{color:var(--ink-dim);margin-bottom:6px;font-size:16px;display:block}.your-guess b{color:var(--ink)}.verdict .pts{color:var(--pop)}.miss-badge{letter-spacing:.02em;border-radius:999px;margin-top:8px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.miss-badge.low{color:#6ec1ff;background:#6ec1ff24;border:1px solid #6ec1ff66}.miss-badge.high{color:#ff8a8a;background:#ff7a7a21;border:1px solid #ff7a7a66}.miss-badge.spot{color:var(--pop);background:#b4ff3926;border:1px solid #b4ff3973}.reveal .story small{color:var(--ink-dim);font-size:12.5px}.reveal .story small .src{color:var(--ink-faint);letter-spacing:.14em;margin-right:4px;font-size:10px;font-weight:700}.reveal-stepper{animation:fadeup .5s .7s var(--ease-out) both;justify-content:center;gap:5px;margin-top:18px;display:flex}.reveal-stepper i{background:var(--line);border-radius:2px;width:22px;height:4px}.reveal-stepper i.done{background:var(--ink-dim)}.reveal-stepper i.cur{background:var(--pop)}.topbar .navlinks{align-items:center;gap:22px;margin-right:6px;display:none}.topbar .navlinks a{white-space:nowrap;align-items:center;gap:4px;line-height:1;display:inline-flex}.topbar .navlinks .plus-nav{color:var(--pop)}@media (width>=768px){.topbar nav{gap:20px}.topbar .navlinks{display:inline-flex}}.res-head{align-items:center;gap:12px;display:flex}.res-head h1{margin:18px 0 4px}.streak-chip{background:var(--card-solid);border:1px solid var(--line);border-radius:999px;margin-top:12px;padding:6px 12px;font-size:15px;font-weight:700}.score small{margin-left:7px}.demo-order{color:var(--pop);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(28px,8vw,40px);font-weight:700}@media (height<=820px) and (width<=767px){.dial{width:min(48vw,190px)}.gauge.compact{min-height:44px}.gauge.compact .gauge-icon svg{width:40px;height:40px}.dial-substeps{min-height:32px}.dial-substeps .chip{min-height:30px;padding:5px 10px;font-size:13px}.dial-bands .band{min-height:40px}.pad button{height:48px}.hero.slim{min-height:20px}.question{margin-top:12px;font-size:clamp(19px,5vw,24px)}}