:root{--bg:#1a1040;--ink:#f4f1ff;--mut:#b9b0e6;--vio:#7c3aed;--mint:#5eead4;--pink:#f472b6}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif;touch-action:none}#bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,40px);z-index:20}.logo{font:800 20px Sora,sans-serif;color:var(--ink);text-decoration:none}.logo span{color:var(--mint)}.cta{color:#1a1040;background:var(--mint);padding:8px 16px;border-radius:99px;font-weight:600;text-decoration:none;font-size:14px}#dots{position:fixed;right:clamp(10px,2vw,24px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:20}#dots button{width:10px;height:10px;border-radius:50%;border:0;background:#ffffff4d;cursor:pointer;padding:0;position:relative;transition:.3s}#dots button.on{background:var(--mint);transform:scale(1.5);box-shadow:0 0 12px var(--mint)}#dots button span{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;opacity:0;pointer-events:none;background:#140a32d9;padding:3px 8px;border-radius:6px;transition:.2s}#dots button:hover span,#dots button:focus-visible span{opacity:1}#story{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.ch{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:80px clamp(16px,6vw,90px);visibility:hidden}.card{max-height:72vh;overflow-y:auto;max-width:400px;padding:24px 26px 22px;border-radius:24px;background:#1e1148ed;border:1px solid rgba(255,255,255,.14);will-change:opacity,transform;pointer-events:auto;box-shadow:0 20px 60px #00000059;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.card.wide{max-width:540px}.ch.on{visibility:visible}.ch.on .card{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}.ch:not(.on) .card{transition:opacity .25s ease,transform .25s ease}body.plain{overflow:auto;touch-action:auto}body.plain #story{position:relative;pointer-events:auto}body.plain .ch{position:relative;visibility:visible;min-height:100vh}body.plain .card{opacity:1;transform:none}.eyebrow{font:600 12px Sora,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:10px}h1,h2{font-family:Sora,sans-serif;line-height:1.12;margin-bottom:12px}h1{font-size:clamp(38px,6vw,60px);font-weight:800}h1 em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(22px,3vw,30px);font-weight:700}p{color:var(--mut);margin-bottom:12px}p b{color:var(--ink)}.lead{font-size:17px}.tiny{font-size:13px;opacity:.8}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 8px}.chips span{font-size:13px;padding:5px 12px;border-radius:99px;background:#7c3aed59;border:1px solid rgba(255,255,255,.15)}.chips.big span{font-size:14px;padding:6px 14px}.stats{list-style:none;padding:0;display:grid;gap:10px;margin:14px 0}.stats li{display:flex;gap:14px;align-items:baseline}.stats b{font:800 28px Sora,sans-serif;color:var(--pink);min-width:110px}.stats span{color:var(--mut);font-size:14px}.list{padding-left:18px;color:var(--mut);display:grid;gap:8px}.list b{color:var(--ink)}.row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}.btn{display:inline-block;padding:10px 18px;border-radius:99px;background:linear-gradient(90deg,var(--vio),var(--pink));color:#fff;text-decoration:none;font-weight:600;font-size:14px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}.links a{color:var(--mint);margin-right:14px;text-decoration:none;font-weight:600}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}#bubble{position:fixed;z-index:15;left:50%;top:40%;transform:translate(-50%,10px);background:#fff;color:#1a1040;padding:8px 14px;border-radius:16px;font:600 14px Sora,sans-serif;opacity:0;pointer-events:none;transition:.25s;max-width:220px;text-align:center}#bubble.on{opacity:1;transform:translate(-50%)}#hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:15;font-size:13px;color:var(--mut);transition:opacity .5s;display:flex;flex-direction:column;align-items:center;gap:4px}#hint i{width:2px;height:22px;background:linear-gradient(var(--mint),transparent);animation:dr 1.4s infinite}@keyframes dr{0%{transform:scaleY(0);transform-origin:top}60%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(1);opacity:0}}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:grid;place-content:center;justify-items:center;gap:16px;transition:opacity .6s}#loader.done{opacity:0;pointer-events:none}.ld-ring{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--mint);animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}body.nogl #bg{display:none}body.nogl{background:radial-gradient(circle at 30% 20%,#3b1d8f,#1a1040 60%)}@media(max-width:700px){.ch{align-items:flex-end;padding:80px 16px 56px}.card{max-width:none;width:100%;padding:18px 20px;background:#20124ec7;max-height:54svh;overflow-y:auto}.ch{padding-bottom:40px}.card.wide{max-width:none}#dots{display:none}.stats b{min-width:96px;font-size:24px}}@media(prefers-reduced-motion:reduce){.card{transition:none;opacity:1;transform:none}#hint i{animation:none}}