:root{--bg:#07071a;--bg-raise:#8b7bff0f;--ink:#eceafd;--muted:#9a95c9;--cyan:#6be5ff;--violet:#8b7bff;--gold:#f6c453;--border:#8b7bff38;--border-strong:#8b7bff73;--font-display:"Palatino Linotype", Palatino, Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-user-select:none;user-select:none;background:radial-gradient(60rem 40rem at 50% -10%, #8b7bff29, transparent 60%), radial-gradient(50rem 35rem at 85% 100%, #6be5ff14, transparent 55%), var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}.shell{text-align:center;flex-direction:column;align-items:center;max-width:46rem;margin:0 auto;padding:2.25rem 1.25rem 4rem;display:flex}.shell--wide{max-width:60rem}.wisp{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 2.5rem #6be5ff40);width:auto;height:16rem;animation:4.5s ease-in-out infinite float}.wisp--small{height:15rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}.wisp-anim{width:15rem;height:22.35rem;position:relative}.wisp-anim__spirit,.wisp-anim__water{mix-blend-mode:screen;background-position:0 0;background-size:1000% 100%;position:absolute;left:0;right:0}.wisp-anim__spirit{background-image:url(/wisp/wisp-hero-spirit.webp);height:80%;animation:4.5s ease-in-out infinite float,4.5s steps(10,jump-none) infinite alternate wisp-frames;top:0}.wisp-anim__water{background-image:url(/wisp/wisp-hero-water.webp);height:20%;animation:4.5s steps(10,jump-none) infinite alternate wisp-frames;bottom:0}@keyframes wisp-frames{0%{background-position:0 0}to{background-position:100% 0}}.bubble--pitch{width:auto;max-width:36rem;min-height:0;margin:1.7rem 0 2.2rem;padding:1.05rem 1.6rem}.bubble--pitch .pitch{max-width:none;margin:0}.brand{font-family:var(--font-display);letter-spacing:.35em;text-indent:.35em;background:linear-gradient(180deg, #fff, var(--cyan) 60%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:1rem;font-size:3.2rem;font-weight:600}.acronym{font-family:var(--font-display);letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:var(--muted);margin-top:.55rem;font-size:.82rem}.acronym .ac-initial{color:var(--cyan);font-style:normal;font-weight:600}.tagline{font-family:var(--font-display);color:var(--gold);margin-top:.25rem;font-size:1.3rem;font-style:italic}.pitch{color:var(--muted);max-width:32rem;margin:1.5rem 0 2.25rem;font-size:1.05rem}.cta{font-family:var(--font-display);letter-spacing:.1em;color:#1a1230;background:linear-gradient(180deg, #fff3cd, #ffd76e 45%, var(--gold));cursor:pointer;border:1px solid #fff0c8b3;border-radius:999px;padding:1rem 3.2rem;font-size:1.32rem;font-weight:600;text-decoration:none;transition:transform .15s;animation:2.8s ease-in-out infinite cta-glow;display:inline-block;position:relative;overflow:hidden}@keyframes cta-glow{0%,to{box-shadow:0 0 1.6rem #f6c45359,0 0 4rem #f6c4531f}50%{box-shadow:0 0 2.6rem #f6c45399,0 0 6.5rem #f6c45340}}.cta:after{content:"";background:linear-gradient(105deg,#0000,#ffffff8c,#0000);width:45%;height:100%;animation:4s ease-in-out infinite cta-sheen;position:absolute;top:0;left:-80%;transform:skew(-20deg)}@keyframes cta-sheen{0%,55%{left:-80%}to{left:130%}}.cta:hover{transform:translateY(-2px)scale(1.04)}.reassure{letter-spacing:.08em;color:var(--muted);opacity:.85;margin-top:1rem;font-size:.8rem}.how{width:min(56rem,100vw - 2.5rem);margin-top:4rem}.how h2{font-family:var(--font-display);color:var(--ink);margin-bottom:.4rem;font-size:1.35rem;font-weight:500}.how-demo-label{color:var(--muted);opacity:.8;margin-bottom:1.4rem;font-size:.78rem;font-style:italic}.how-grid{text-align:left;counter-reset:step;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.how-card{background:var(--bg-raise);border:1px solid var(--border);border-radius:1rem;flex-direction:column;padding:1.1rem 1.2rem;display:flex}.how-card:before{counter-increment:step;content:counter(step, decimal-leading-zero);font-family:var(--font-display);letter-spacing:.25em;color:var(--gold);opacity:.85;margin-bottom:.45rem;font-size:.78rem;display:block}.how-card h3{color:var(--cyan);margin-bottom:.4rem;font-size:.95rem}.how-card p{color:var(--muted);margin-top:auto;font-size:.88rem}.demo{flex-direction:column;justify-content:center;min-height:9.5rem;margin:.75rem 0 .9rem;display:flex;transform:scale(1)}.demo-bubble{color:var(--ink);text-align:center;background:radial-gradient(120% 160% at 18% 0,#f6c45317,#0000 55%),#0d0c22eb;border:1px solid #f6c45366;border-radius:.7rem;padding:.65rem .7rem;font-size:.8rem;line-height:1.45;position:relative}.demo-answers{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.6rem;display:flex}.demo-ans{color:var(--ink);background:#f6c4530f;border:1px solid #f6c45347;border-radius:999px;padding:.22rem .6rem;font-size:.7rem}.demo-ans--picked{color:#1a1230;background:linear-gradient(180deg, #ffd76e, var(--gold));border-color:#fff0c8b3;font-weight:600}.demo-ans--skip{color:var(--muted);border-color:var(--border);background:0 0}.demo--funnel{align-items:center;gap:.55rem}.funnel-bar{background:linear-gradient(90deg, var(--violet), var(--cyan) 55%, var(--gold));border-radius:999px;height:.32rem;box-shadow:0 0 .6rem #6be5ff59}.funnel-bar--wide{opacity:.8;width:100%}.funnel-bar--mid{opacity:.9;width:52%}.funnel-bar--narrow{width:18%}.funnel-label{font-family:var(--font-display);color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.05rem}.funnel-label--out{color:var(--gold);font-size:1.35rem;font-weight:600}.demo--podium{gap:.4rem}.demo-row{border:1px solid var(--border);background:#8b7bff0f;border-radius:.55rem;align-items:center;gap:.5rem;min-width:0;padding:.35rem .5rem;display:flex}.demo-row:first-child{border-color:#f6c45373}.demo-medal{flex:none;font-size:.85rem}.demo-row .cover{border-radius:.3rem;width:2.15rem}.demo-row .cover--empty{font-size:.95rem}.demo-title{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.how-note{color:var(--muted);opacity:.85;max-width:36rem;margin-top:1.1rem;margin-left:auto;margin-right:auto;font-size:.85rem;font-style:italic}.stats{border-top:1px solid #f6c45340;border-bottom:1px solid #f6c45340;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;width:100%;margin-top:3.25rem;padding:1.5rem .5rem;display:grid}.stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;background:linear-gradient(180deg, #fff, var(--cyan) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.1rem;font-weight:600;line-height:1.15}.stat-label{letter-spacing:.04em;color:var(--muted);font-size:.78rem}.playbar{flex-direction:column;align-items:center;margin-bottom:1.4rem;text-decoration:none;transition:opacity .15s;display:flex}.playbar:hover{opacity:.85}.brand--small{margin-top:0;font-size:1.9rem}.acronym--small{margin-top:.2rem;font-size:.66rem}.progress{background:#8b7bff24;border-radius:999px;width:100%;max-width:30rem;height:.28rem;margin-bottom:2.4rem;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan) 55%, var(--gold));height:100%;transition:width .6s;display:block;box-shadow:0 0 .7rem #6be5ff73}.stage{align-items:flex-start;gap:1.75rem;width:100%;margin-top:.5rem;display:flex}.wisp--stage{flex:none;height:13rem}.stage-right{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}.bubble{text-align:center;background:radial-gradient(120% 160% at 18% 0,#f6c45317,#0000 55%),#0d0c22eb;border:1px solid #f6c45380;border-radius:1.25rem;flex-direction:column;justify-content:center;width:100%;min-height:9.5rem;padding:1.5rem 1.75rem;animation:.35s both fadeUp;display:flex;position:relative;box-shadow:0 0 1.8rem #f6c45321,inset 0 0 1.6rem #f6c4530d}.bubble:before{content:"";pointer-events:none;border:1px solid #f6c45329;border-radius:.95rem;position:absolute;inset:.35rem}.bubble-tail,.bubble-tail:after{border-style:solid;width:0;height:0;position:absolute}.bubble-tail{border-width:.7rem 1rem .7rem 0;border-color:#0000 #f6c45380 #0000 #0000;top:50%;left:-.95rem;transform:translateY(-50%)}.bubble-tail:after{content:"";border-width:.58rem .86rem .58rem 0;border-color:#0000 #100f28 #0000 #0000;top:-.58rem;left:.14rem}.q-count{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:.8rem;font-size:.78rem}.intro-hint{color:var(--muted);margin-top:.7rem;font-size:.9rem;font-style:italic}.cta--small{margin-top:1.8rem;padding:.7rem 2.1rem;font-size:1.05rem}.genres{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:36rem;margin-top:1.4rem;display:flex}.genres .ans{padding:.45rem 1.05rem;font-size:.88rem}.q-text{font-family:var(--font-display);text-wrap:balance;font-size:1.5rem;font-weight:500;line-height:1.35}.q-text .help-btn{vertical-align:.15em;place-items:center;margin-left:.5rem;display:inline-grid}.help-btn{border:1px solid var(--border-strong);width:1.5rem;height:1.5rem;color:var(--cyan);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:50%;flex:none;transition:background .15s}.help-btn:hover{background:#6be5ff1f}.help-pop,.why-box,.game-title{-webkit-user-select:text;user-select:text}.help-pop{max-width:48rem;color:var(--muted);border:1px solid var(--border);text-align:left;background:#07071ad9;border-radius:.75rem;margin:.9rem auto 0;padding:.7rem 1rem;font-size:.9rem;animation:.25s both fadeUp}.help-def{color:var(--muted);margin-bottom:.6rem}.help-effect{color:var(--ink);grid-template-columns:5.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.help-effect+.help-effect{margin-top:.3rem}.hl{text-align:right;font-size:.82rem;font-weight:700}.hl-yes{color:#5fd98a}.hl-no{color:#ff8b8b}.hl-skip{color:var(--gold)}.answers{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.8rem;display:flex}.answers--waiting{opacity:.3;pointer-events:none}.ans{font-family:var(--font-body);color:var(--ink);cursor:pointer;background:#f6c4530f;border:1px solid #f6c45347;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.6rem 1.35rem;font-size:.95rem;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.ans-key{width:1.15rem;height:1.15rem;color:var(--gold);opacity:.75;border:1px solid #f6c45359;border-radius:.3rem;place-items:center;font-size:.68rem;font-weight:600;display:grid}.ans:hover{background:#f6c45321;border-color:#f6c453a6;transform:translateY(-2px);box-shadow:0 0 .9rem #f6c4532e}.ans--strong{border-color:#f6c45380;font-weight:600}.ans--skip{color:var(--muted);border-color:var(--border);background:0 0}.ans--skip:hover{border-color:var(--border-strong);box-shadow:none;background:#8b7bff1a}.back-link{opacity:.75;border-bottom-color:#0000;margin-top:1.4rem;font-size:.82rem}.back-link:hover{opacity:1;border-bottom-color:var(--border-strong)}.hint{color:var(--muted);opacity:.7;margin-top:.9rem;font-size:.78rem}.thinking-label{font-family:var(--font-display);color:var(--cyan);font-style:italic;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.result-title{font-family:var(--font-display);margin-top:.5rem;font-size:1.7rem;font-weight:500}.podium{flex-direction:column;gap:.85rem;width:100%;max-width:34rem;margin-top:1.75rem;display:flex}.game-card{text-align:left;background:var(--bg-raise);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.4s both fadeUp;display:flex}.game-card--first{border-color:#f6c4538c;box-shadow:0 0 1.6rem #f6c4531f}.medal{flex:none;font-size:1.6rem}.cover{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--border);background:var(--bg-raise);border-radius:.5rem;flex:none;width:3.4rem}.game-card--first .cover{width:4rem}.cover--empty{font-family:var(--font-display);color:var(--violet);background:linear-gradient(160deg,#8b7bff2e,#6be5ff14);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.game-info{flex:1;min-width:0}.game-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.game-year{color:var(--muted);font-size:.85rem}.mentions{flex-direction:column;gap:.6rem;width:100%;max-width:34rem;margin-top:1.1rem;display:flex}.mentions-title{color:var(--muted);text-align:left;font-size:.85rem}.game-card--mention{opacity:.88;padding:.6rem 1rem}.game-card--mention .cover{width:2.6rem}.game-card--mention .game-title{font-size:1rem}.game-edge{color:var(--cyan);opacity:.85;margin-top:.25rem;font-size:.8rem;font-style:italic}.game-live{color:var(--muted);border-bottom:1px dotted var(--border-strong);margin-top:.3rem;font-size:.78rem;text-decoration:none;display:inline-block}.game-live:hover{color:var(--ink)}.pct{color:var(--cyan);flex:none;font-size:.9rem;font-weight:600}.game-card--first .pct{color:var(--gold)}.card-actions{flex-direction:column;flex:none;align-items:stretch;gap:.4rem;display:flex}.chip{color:var(--muted);border:1px solid var(--border);cursor:pointer;text-align:center;background:0 0;border-radius:999px;flex:none;padding:.3rem .8rem;font-size:.75rem;text-decoration:none;transition:color .12s,border-color .12s}.chip:hover{color:var(--ink);border-color:var(--border-strong)}.chip--ig{color:#fff;background:linear-gradient(#ff8a2a,#f26b00);border-color:#0000;font-weight:600}.chip--ig:hover{color:#fff;background:linear-gradient(#ffa14f,#ff7d14);border-color:#0000;box-shadow:0 0 .8rem #ff7a1459}.affiliate-note{max-width:34rem;color:var(--muted);opacity:.8;margin-top:.9rem;font-size:.74rem}.legal-title{font-family:var(--font-display);color:var(--gold);margin-bottom:1.5rem;font-size:1.7rem;font-weight:500}.legal{text-align:left;-webkit-user-select:text;user-select:text;max-width:38rem;margin-bottom:2rem}.legal section+section{margin-top:1.4rem}.legal h2{font-family:var(--font-display);color:var(--ink);margin-bottom:.35rem;font-size:1.05rem;font-weight:600}.legal p{color:var(--muted);font-size:.92rem}.foot{margin-top:2.75rem}.why-box{max-width:34rem;color:var(--muted);border-left:2px solid var(--violet);text-align:left;margin-top:1.5rem;padding-left:1rem;font-size:.95rem}.why-box strong{color:var(--ink);font-weight:600}.recap{text-align:left;width:100%;max-width:34rem;margin-top:1.25rem}.recap summary{cursor:pointer;color:var(--muted);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .9rem;font-size:.9rem;transition:color .12s,border-color .12s;display:inline-flex}.recap summary:before{content:"▸";color:var(--violet);font-size:1.25rem;line-height:1;transition:transform .15s}.recap[open] summary:before{transform:rotate(90deg)}.recap summary:hover{color:var(--ink);border-color:var(--border-strong)}.recap ul{border:1px solid var(--border);background:var(--bg-raise);border-radius:.75rem;margin-top:.9rem;padding:.4rem 0;list-style:none;animation:.25s both fadeUp}.recap li{justify-content:space-between;align-items:baseline;gap:1rem;padding:.35rem 1rem;font-size:.88rem;display:flex}.recap li+li{border-top:1px solid #8b7bff1a}.recap-q{color:var(--muted);min-width:0}.recap-a{color:var(--cyan);flex:none;font-weight:600}.recap-a--skip{color:var(--muted);opacity:.7;font-weight:400}.feedback{margin-top:2.5rem}.feedback p{font-family:var(--font-display);margin-bottom:.9rem;font-size:1.1rem}.feedback-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.thanks{font-family:var(--font-display);color:var(--gold);margin-top:2rem;font-style:italic;animation:.4s both fadeUp}.links-row{gap:1.5rem;margin-top:2rem;display:flex}.ghost-link{color:var(--muted);border-bottom:1px dotted var(--border-strong);cursor:pointer;font-size:.9rem;font-family:var(--font-body);background:0 0;border-top:none;border-left:none;border-right:none;padding:0;text-decoration:none}.ghost-link:hover{color:var(--ink)}@media (max-width:40rem){.brand{font-size:2.4rem}.wisp{height:12rem}.wisp-anim{width:7.2rem;height:10.3rem}.wisp--small{height:11rem}.how-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);row-gap:1.4rem}.q-text{font-size:1.25rem}.answers{flex-direction:column;align-items:stretch}.ans{width:100%}.ans-key,.hint{display:none}.genres .ans{width:auto}.stage{flex-direction:column;align-items:center;gap:1rem}.playbar{margin-bottom:1.5rem}.wisp--stage{height:9.5rem}.bubble{width:100%;min-height:8rem}.bubble-tail{border-width:0 .7rem 1rem;border-color:#0000 #0000 #f6c45380;top:-1rem;left:50%;transform:translate(-50%)}.bubble-tail:after{border-width:0 .58rem .86rem;border-color:#0000 #0000 #100f28;top:.14rem;left:-.58rem}}@media (prefers-reduced-motion:reduce){.wisp,.wisp-anim,.thinking-label,.cta,.cta:after{animation:none}.cta{box-shadow:0 0 1.8rem #f6c45359}.bubble,.game-card,.help-pop,.thanks{animation-duration:10ms}}