:root{--bg:#f6c945;--ink:#1d2b2a;--ink-soft:#3c4c4a;--card:#ffffffb8;--card-border:#ffffffd9;--teal:#4fc9a8;--teal-dark:#1f9a7a;--red:#ee3f6b;--yellow:#f2c230;--radius:22px;--shadow:0 18px 50px -18px #14282859;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Fredoka,ui-rounded,system-ui,sans-serif}html{background:var(--bg);scroll-behavior:smooth;scrollbar-width:none;transition:background-color .9s}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.drawer,.card{scrollbar-width:thin}html[data-section=hero]{--bg:#f6c945}html[data-section=meet]{--bg:#ff9a76}html[data-section=face]{--bg:#a6ead6}html[data-section=anatomy]{--bg:#1d2836}html[data-section=power]{--bg:#f6b9c6}html[data-section=play]{--bg:#9ccbff}html[data-section=tv]{--bg:#2a2340}html[data-section=moves]{--bg:#ffd9a8}html[data-section=facts]{--bg:#c9bcff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;transition:none}}*{box-sizing:border-box}body{background:radial-gradient(1200px 800px at 70% 30%,#ffffff59,#0000 60%);min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;line-height:1.05}h1{font-size:clamp(3rem,7vw,5.6rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:1.15rem;font-weight:600}p{color:var(--ink-soft);margin:0 0 .9em;font-size:1.05rem;line-height:1.55}.stage{z-index:0;position:fixed;inset:0}.webgl{touch-action:pan-y}.hotspot-wrap{pointer-events:none}.brand{z-index:5;pointer-events:none;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:10px;padding:6px;transition:background-color .9s;display:flex;position:fixed;top:14px;left:18px}.logo{color:var(--ink);background:var(--teal);box-shadow:0 4px 0 var(--teal-dark);border-radius:10px;padding:2px 12px;font-size:1.6rem;font-weight:700}.dots{z-index:5;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.dots a{background:#00000040;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:relative}.dots a.on{background:var(--red);transform:scale(1.35)}.dots a span{text-transform:capitalize;white-space:nowrap;opacity:0;color:var(--ink);background:#fff;border-radius:8px;padding:2px 8px;font-size:.8rem;transition:opacity .2s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.dots a:hover span,.dots a:focus-visible span{opacity:1}.story{z-index:2;pointer-events:none;position:relative}.sec{align-items:center;min-height:100vh;padding:96px 6vw;display:flex}.sec.left{justify-content:flex-start}.sec.right{justify-content:flex-end}.sec.bottom{justify-content:center;align-items:flex-end;min-height:120vh;padding-bottom:5vh}.sec.tall{align-items:flex-start;min-height:320vh}.sticky{justify-content:flex-end;width:100%;display:flex;position:sticky;top:14vh}.card{pointer-events:auto;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-border);max-width:470px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(1.2);padding:30px 32px}.card.wide{width:100%;max-width:1100px}.card.dark{color:#fff;background:#0f1620a8;border-color:#ffffff1f}.card.dark p{color:#c7d3df}.hero-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding-left:0}.hero-card p{color:var(--ink);max-width:30ch;font-size:1.2rem}.kicker{text-transform:uppercase;letter-spacing:.14em;opacity:.75;font-weight:600;font-size:.8rem!important}.hint{opacity:.7;margin-top:10px;font-size:.88rem}.row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.btn{font:inherit;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn.primary{background:var(--red);color:#fff;box-shadow:0 5px #b72a50}.btn.ghost{color:var(--ink);background:#ffffffbf;box-shadow:0 5px #0000001f}.btn:active{transform:translateY(4px);box-shadow:0 1px #0003}.btn.full{justify-content:center;width:100%;margin-top:14px}.btn:focus-visible,.chip:focus-visible,.move:focus-visible,.hotspot:focus-visible{outline-offset:3px;outline:3px solid #1f6feb}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0;display:grid}.stats div{background:#ffffffa6;border-radius:14px;padding:10px 14px}.stats dt{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:.75rem}.stats dd{margin:2px 0 0;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:0;border-radius:999px;padding:8px 14px;font-weight:500;box-shadow:0 3px #0000001f}.chip:hover,.chip.on{background:var(--teal)}.steps{min-height:150px;position:relative}.step{opacity:0;transition:opacity .4s,transform .4s;position:absolute;inset:0 0 auto;transform:translateY(12px)}.step.on{opacity:1;transform:none}.steps .progress{background:#ffffff26;border-radius:4px;height:4px;position:absolute;bottom:-6px;left:0;right:0;overflow:hidden}.steps .progress span{height:100%;width:calc(var(--anatomy,0) * 100%);background:var(--yellow);display:block}.hotspot{pointer-events:auto;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;position:relative}.hotspot .dot{background:var(--yellow);border:3px solid #fff;border-radius:50%;width:18px;height:18px;animation:1.8s infinite pulse;display:block;box-shadow:0 0 #f2c230b3}.hotspot.active .dot{background:var(--red)}.hotspot-card{text-align:left;width:230px;color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.4;position:absolute;top:-10px;left:26px}.hotspot-card strong{margin-bottom:4px;font-size:1rem;display:block}@keyframes pulse{70%{box-shadow:0 0 0 12px #f2c23000}to{box-shadow:0 0 #f2c23000}}.moves{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.move{font:inherit;text-align:left;cursor:pointer;background:#fffc;border:0;border-radius:16px;gap:2px;padding:12px 14px;transition:transform .12s,background .2s;display:grid;box-shadow:0 4px #0000001a}.move:hover{transform:translateY(-2px)}.move.active{background:var(--teal)}.move .icon{background:var(--teal);width:38px;height:38px;color:var(--ink);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.move.active .icon{background:#fff}.move small{opacity:.7;font-size:.8rem}.facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.facts article{background:#fff9;border-radius:14px;padding:12px 14px}.facts p{margin:0;font-size:.92rem}.credit{opacity:.65;margin-top:16px;font-size:.78rem}.fab{z-index:30;font:inherit;cursor:pointer;background:var(--ink);color:#fff;border:0;border-radius:16px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 6px #000}.drawer{z-index:25;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;width:min(380px,92vw);padding:70px 22px 90px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-20px 0 50px -20px #0000004d}.drawer.open{transform:none}.drawer h3{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-top:18px;font-size:.85rem}.sliders{gap:10px;display:grid}.sliders label{gap:4px;font-size:.9rem;display:grid}.sliders span{justify-content:space-between;display:flex}.sliders em{opacity:.55;font-variant-numeric:tabular-nums;font-style:normal}.sliders input{width:100%;accent-color:var(--teal-dark)}.loader{z-index:50;background:var(--bg);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.loader.done{opacity:0;visibility:hidden}.loader .lcd{border:10px solid var(--teal);width:260px;box-shadow:0 10px 0 var(--teal-dark);text-align:center;color:#1b6b45;letter-spacing:.1em;background-color:#c4f7cf;background-image:linear-gradient(#a8e3b9 1px,#0000 1px),linear-gradient(90deg,#a8e3b9 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:10px 10px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:18px;padding:28px;font-family:ui-monospace,monospace;font-weight:700}.loader .bar{background:#0000001a;border-radius:4px;height:8px;margin-top:14px;overflow:hidden}.loader .bar i{background:#1b6b45;height:100%;transition:width .3s;display:block}@media (width<=820px){.sec,.sec.left,.sec.right{justify-content:center;align-items:flex-end;padding:80px 16px 6vh}.sticky{justify-content:center;position:sticky;top:auto;bottom:4vh}.sec.tall{align-items:flex-end}.card{max-width:100%;padding:20px}.hero-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px}.facts{grid-template-columns:1fr}.dots{display:none}h1{font-size:2.4rem}h2{font-size:1.7rem}.hero-card p{font-size:1rem}p{font-size:.95rem}.card{max-height:52vh;overflow-y:auto}}.sound-toggle{z-index:30;cursor:pointer;background:var(--ink);color:#fff;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:18px;right:22px;box-shadow:0 4px #000}.sound-toggle[aria-pressed=false]{color:var(--ink);background:#fffc;box-shadow:0 4px #00000026}.sound-toggle:active{transform:translateY(3px);box-shadow:0 1px #000}html[data-section=about]{--bg:#ffd36e}.sec.about{min-height:100vh}.author-card{-webkit-backdrop-filter:none;background:#fffdf7;border-color:#fff;align-items:center;gap:28px;width:100%;max-width:640px;display:flex}.avatar{background:var(--teal);width:200px;height:200px;box-shadow:0 6px 0 var(--teal-dark);color:var(--ink);border-radius:40px;flex:none;place-items:center;font-size:2.2rem;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.who h2{margin-bottom:.1em}.who .role{color:var(--teal-dark);margin-bottom:.6em;font-weight:600}.links{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.site-footer{z-index:3;color:#d8e6e1;background:#1d2b2a;padding:48px 6vw 0;position:relative}.site-footer .cols{grid-template-columns:1.1fr 1.4fr 1.4fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.site-footer h3{color:#fff;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.85rem}.site-footer p,.site-footer li{color:#b9cbc5;font-size:.88rem;line-height:1.55}.site-footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-footer li{padding-left:14px;position:relative}.site-footer li:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.site-footer a{color:var(--teal);font-weight:600}.site-footer .logo{margin-bottom:12px;display:inline-block}.site-footer .top-link{margin-top:4px;text-decoration:none;display:inline-block}.site-footer .bottom-bar{color:#8fa7a0;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1200px;margin:36px auto 0;padding:18px 0 24px;font-size:.8rem;display:flex}@media (width<=820px){.author-card{text-align:center;flex-direction:column;gap:10px;max-height:none;padding:18px}.avatar{border-radius:24px;width:92px;height:92px}.author-card .who p{font-size:.9rem}.author-card .who h2{justify-content:center;font-size:1.6rem}.links{justify-content:center}.site-footer .cols{grid-template-columns:1fr;gap:28px}}.card h2{align-items:center;gap:10px;display:flex}.canvas-layer{z-index:1;position:absolute;inset:0}.yt-overlay{z-index:0;pointer-events:none;will-change:transform;background:#000;position:absolute;top:0;left:0;overflow:hidden}.yt-overlay iframe{border:0;width:100%;height:100%;display:block}.game-list{gap:8px;margin:14px 0;display:grid}.game{font:inherit;text-align:left;cursor:pointer;background:#fffc;border:0;border-radius:14px;align-items:flex-start;gap:12px;padding:10px 12px;transition:transform .12s;display:flex;box-shadow:0 4px #0000001a}.game:hover{transform:translateY(-2px)}.game .icon{background:var(--red);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.game strong{display:block}.game small{opacity:.7;font-size:.82rem;line-height:1.35;display:block}.legend{gap:6px;margin:12px 0 14px;padding:0;font-size:.88rem;list-style:none;display:grid}.legend li{grid-template-columns:22px 1fr auto;align-items:center;gap:8px;display:grid}.legend .key-icon{place-items:center;display:grid}.legend kbd{white-space:nowrap;background:#00000014;border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.75rem}.card.dark .legend kbd{background:#ffffff1f}.channels{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.channels .chip{align-items:center;gap:6px;display:inline-flex}.card.dark .chip{color:#fff;box-shadow:none;background:#ffffff1f}.card.dark .chip.on,.card.dark .chip:hover{background:var(--teal);color:var(--ink)}.upload{position:relative}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.card.dark .btn.ghost{color:#fff;background:#ffffff24;box-shadow:0 5px #0000004d}.osd{align-items:center;gap:6px;min-height:1.4em;font-weight:600;transition:opacity .3s;display:flex;color:var(--yellow)!important}