:root{--bg:#241b26;--panel:#2e222f;--panel2:#3e3546;--line:#625565;--ink:#f3ecf5;--muted:#9babb2;--orange:#fb6b1d;--yellow:#f9c22b;--cyan:#30e1b9;--red:#e83b3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:var(--yellow)}code,pre{font-family:JetBrains Mono,ui-monospace,monospace}code{background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.9em}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}body:before{content:"";background:linear-gradient(90deg,#f9c22b,#fb6b1d,#e83b3b,#f04f78,#a884f3,#4d9be6,#1ebc73);height:4px;display:block}nav.top{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--panel2);background:#241b26eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex;position:sticky;top:0}nav .brand{color:var(--orange);align-items:center;gap:10px;font-family:Pixelify Sans,monospace;font-size:22px;text-decoration:none;display:flex}nav .brand img{width:30px;image-rendering:pixelated}nav .links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}nav .links a{color:var(--ink);opacity:.8;font-size:14px;font-weight:600;text-decoration:none}nav .links a:hover{opacity:1;color:var(--yellow)}nav .links .cta{background:var(--orange);color:#2e222f;opacity:1;border-radius:6px;padding:6px 12px}nav .links .gh{border:1px solid var(--line);border-radius:6px;padding:5px 10px}.btn{border:2px solid var(--line);background:var(--panel2);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-family:Fredoka,Inter,sans-serif;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 3px #120d13}.btn.hot{background:var(--orange);border-color:var(--yellow);color:#2e222f}.btn:hover{transform:translateY(-1px)}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:60px 24px 40px;display:grid}.kicker{color:var(--cyan);letter-spacing:.5px;margin:0;font-family:Fredoka;font-weight:600}.hero h1{margin:8px 0 18px;font-family:Pixelify Sans,monospace;font-size:clamp(42px,6vw,76px);font-weight:600;line-height:1}.hero h1 span{background:linear-gradient(#f9c22b,#fb6b1d 55%,#e83b3b);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:#dcd2e0;font-size:19px}.hero-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;display:grid}.hero-stats div{background:var(--panel);border:1px solid var(--panel2);border-radius:8px;padding:12px}.hero-stats b{color:var(--yellow);margin-bottom:6px;font-family:"Press Start 2P",monospace;font-size:18px;display:block}.hero-stats span{color:var(--muted);font-size:13px;line-height:1.3;display:block}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-shot img{border:3px solid var(--line);width:100%;image-rendering:pixelated;border-radius:10px;box-shadow:0 20px 50px #00000080}main{max-width:1200px;margin:0 auto;padding:0 24px 60px}section{border-top:1px solid var(--panel2);padding:50px 0 20px}h2{color:var(--orange);margin:0 0 12px;font-family:Pixelify Sans,monospace;font-size:38px;font-weight:600}h3{margin:30px 0 10px;font-family:Fredoka;font-size:24px;font-weight:700}h4{color:var(--yellow);margin:22px 0 8px;font-family:Fredoka;font-size:19px;font-weight:600}.intro{color:#dcd2e0;max-width:900px;font-size:18px}.note{border-left:4px solid var(--cyan);background:#30e1b914;border-radius:4px;padding:12px 16px}.two{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}.facts{padding-left:0;list-style:none}.facts li{margin:8px 0}.cast{background:var(--panel);border:1px solid var(--panel2);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px;padding:20px;display:flex}.cast figure{text-align:center;margin:0}.cast img{image-rendering:pixelated;height:auto;margin:0 auto;display:block}.cast figcaption{color:var(--muted);margin-top:6px;font-family:Fredoka;font-size:13px}.flow{flex-wrap:wrap;align-items:stretch;gap:10px;margin:20px 0;display:flex}.flow .step{background:var(--panel);border:1px solid var(--panel2);border-radius:10px;flex:1;min-width:200px;padding:14px;position:relative}.flow .step span{background:var(--orange);color:#2e222f;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid;position:absolute;top:-12px;left:14px}.flow .step b{font-family:Fredoka;font-size:19px}.flow .step p{color:#cfc4d4;margin:6px 0 0;font-size:14px}.flow .arrow{color:var(--orange);align-self:center;font-size:26px}.frame{margin:0}.frame img{border:2px solid var(--line);width:100%;image-rendering:pixelated;border-radius:8px}.frame figcaption{color:var(--muted);margin-top:6px;font-size:14px}pre.obs{border:1px solid var(--panel2);color:#cfe8dc;background:#160f17;border-radius:8px;max-height:520px;margin:0;padding:14px;font-size:11.5px;line-height:1.35;overflow:auto}.actions{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.actions div{background:var(--panel);border:1px solid var(--panel2);border-radius:8px;padding:10px 12px}.actions code{color:var(--cyan);background:0 0;padding:0}.actions span{color:var(--muted);font-size:14px;display:block}pre code{background:0 0;padding:0}pre{border:1px solid var(--panel2);background:#160f17;border-radius:8px;padding:14px;font-size:13px;overflow:auto}.quotes{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.quote{background:var(--panel);border:1px solid var(--panel2);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.quote img{width:100%;image-rendering:pixelated;display:block}.quote div{padding:12px 14px}.quote .tag{color:var(--cyan);font-family:Fredoka;font-size:13px}.quote p{margin:6px 0;font-size:17px;font-weight:500}.quote code{color:var(--muted);word-break:break-word;font-size:11.5px}.league{background:var(--panel);border:1px solid var(--panel2);border-radius:12px;margin:20px 0;padding:18px 20px}.league h3{margin-top:0}.bars{margin:10px 0 6px}.bar-row{grid-template-columns:220px 1fr auto;align-items:center;gap:12px;margin:8px 0;font-size:14px;display:grid}.bar-row .bar{background:#160f17;border-radius:4px;height:16px;overflow:hidden}.bar-row .bar i{background:var(--line);border-radius:4px;height:100%;display:block}.bar-row.chonk .bar i{background:linear-gradient(90deg, var(--yellow), var(--orange))}.bar-row.chonk .bar-name{color:var(--yellow);font-weight:700}.bar-val{color:var(--muted);white-space:nowrap;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:right;border-bottom:1px solid var(--panel2);white-space:nowrap;padding:7px 10px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}tr.chonk td{background:#fb6b1d1a}tr.chonk td:first-child{color:var(--yellow);font-weight:700}video.demo{border:3px solid var(--line);background:#000;border-radius:12px;width:100%;max-width:1100px;margin:10px auto 0;display:block;box-shadow:0 20px 50px #00000080}.chart svg{width:100%;height:auto;display:block}.chart{margin:12px 0}.chart.bars svg{max-width:760px}.charts2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.small-facts li{color:#dcd2e0;margin:4px 0}.metrics-help summary{cursor:pointer;color:var(--yellow);font-weight:600}.metrics-help{color:var(--muted);margin-top:14px;font-size:14px}.bloopers{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.bloopers article{background:var(--panel);border:1px solid var(--panel2);border-radius:10px;padding:14px 16px}.bloopers h4{margin-top:0}.bloopers p{color:#d4cad8;margin:0;font-size:14.5px}footer{text-align:center;color:var(--muted);border-top:1px solid var(--panel2);padding:30px}nav .menu-toggle{background:var(--panel2);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:20px;display:none}@media (max-width:760px){nav.top{flex-wrap:nowrap;padding:10px 16px}nav .menu-toggle{display:block}nav .links{border-bottom:1px solid var(--panel2);background:#241b26fa;flex-direction:column;align-items:stretch;gap:4px;padding:10px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}body.menu-open nav .links{display:flex}nav .links a{padding:8px 4px;font-size:16px}nav .links .cta,nav .links .gh{text-align:center}.hero{gap:24px;padding:30px 16px 20px}main{padding:0 16px 40px}}@media (max-width:900px){.hero,.two{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.charts2{grid-template-columns:1fr}.flow .arrow{display:none}}