:root{--ground:#0e1120;--ground-2:#151a2e;--panel:#232a48;--line:#3a4368;--ink:#d9d6cf;--ink-dim:#8f93a8;--amber:#f0a92e;--amber-deep:#b8791a;--leaf:#58a05a;--leaf-deep:#2f6b35;--sky:#7fa7d9;--display:"Jersey 15","VT323",monospace;--body:"VT323","Courier New",monospace;--label:"Silkscreen","VT323",monospace}*{box-sizing:border-box}html{background:var(--ground);scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--body);margin:0;font-size:22px;line-height:1.35;overflow-x:hidden}a{color:var(--amber)}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}nav{z-index:8;font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(var(--ground),transparent);justify-content:space-between;align-items:center;padding:14px 24px;font-size:10px;display:flex;position:fixed;top:0;left:0;right:0}nav .brand{font-family:var(--display);letter-spacing:0;text-transform:none;color:var(--ink);font-size:28px}.srv{color:var(--leaf);align-items:center;gap:8px;display:inline-flex}.srv i{background:var(--leaf);width:8px;height:8px;animation:1.2s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:.2}}.walk{height:1400vh;position:relative}.stage{background:#000;height:100vh;position:sticky;top:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.flash{opacity:0;pointer-events:none;background:#000;transition:opacity .15s;position:absolute;inset:0}.hud{font-family:var(--label);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;z-index:3;font-size:9px;position:absolute;bottom:18px;left:24px}.hud b{color:var(--amber)}.prog{z-index:3;gap:6px;display:flex;position:absolute;bottom:18px;right:24px}.prog i{background:var(--line);width:22px;height:6px;display:block}.prog i.on{background:var(--amber)}.hint{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);z-index:3;font-size:9px;transition:opacity .3s;animation:1.4s steps(3,end) infinite bob;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,6px)}}.cap{border:2px solid var(--line);z-index:4;opacity:0;pointer-events:none;background:#0e1120e0;max-width:420px;padding:22px 24px;transition:opacity .35s steps(4,end),transform .35s steps(4,end);position:absolute;transform:translateY(14px);box-shadow:6px 6px #000}.cap.on{opacity:1;pointer-events:auto;transform:none}.cap .k{font-family:var(--label);color:var(--sky);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.cap h2{font-family:var(--display);text-wrap:balance;margin:6px 0 10px;font-size:clamp(34px,4.6vw,54px);font-weight:400;line-height:.92}.cap h2 em{color:var(--amber);font-style:normal}.cap p{margin:0;font-size:21px}.cap.hero{max-width:520px;box-shadow:none;background:0 0;border:0;top:16vh;left:6vw}.cap.hero h2{font-size:clamp(58px,9vw,110px)}.cap.hero p{max-width:34ch;font-size:24px}.cap.l{top:14vh;left:6vw}.cap.r{top:14vh;right:6vw}.cap.b{bottom:80px;left:6vw}.cap.sub h2{font-size:clamp(30px,3.8vw,44px)}.panel{color:#2a1f0c;z-index:5;opacity:0;pointer-events:none;background:#e9dcb5;border:4px solid #8a6b32;width:min(380px,86vw);padding:18px 20px;transition:opacity .3s steps(4,end),transform .3s steps(4,end);position:absolute;top:50%;right:6vw;transform:translateY(-50%)scale(.96);box-shadow:6px 6px #000}.panel.on{opacity:1;pointer-events:auto;transform:translateY(-50%)}.panel .who{font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;color:#6b4d1b;font-size:9px}.panel h4{font-family:var(--display);margin:4px 0 6px;font-size:38px;font-weight:400;line-height:1}.panel p{margin:0 0 12px;font-size:20px}.bar{background:#f6efd9;border:2px solid #6b4d1b;height:14px;margin-bottom:10px}.bar i{background:var(--leaf);width:35%;height:100%;transition:width .7s steps(10,end);display:block}.amt{font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:12px;font-size:18px;display:flex}.give{width:100%;font-family:var(--label);text-transform:uppercase;background:var(--amber);color:#1a1200;box-shadow:4px 4px 0 var(--amber-deep);cursor:pointer;letter-spacing:.05em;border:0;padding:12px;font-size:11px}.give:hover,.give:focus-visible{box-shadow:2px 2px 0 var(--amber-deep);outline:none;transform:translate(2px,2px)}.give[disabled]{background:var(--leaf);box-shadow:4px 4px 0 var(--leaf-deep);color:#06200a;cursor:default}.toast{font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;background:var(--amber);color:#1a1200;z-index:6;opacity:0;padding:10px 16px;font-size:11px;transition:opacity .3s;position:absolute;top:14vh;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.toast.on{opacity:1}section{border-top:2px dashed var(--line);padding:64px 0}.eyebrow{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin:0 0 10px;font-size:10px}section h2{font-family:var(--display);text-wrap:balance;margin:0 0 16px;font-size:clamp(40px,5vw,60px);font-weight:400;line-height:.95}.lead{max-width:62ch;margin:0;font-size:23px}.roster{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;display:grid}.char{background:var(--ground-2);border:2px solid var(--line);text-align:center;cursor:pointer;padding:14px}.char:hover,.char:focus-visible{border-color:var(--ink-dim);outline:none}.char.sel{border-color:var(--amber);box-shadow:4px 4px 0 var(--amber-deep)}.char.sel .n{color:var(--amber)}.char canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#0a0c16;border:2px solid #000;margin-bottom:10px;display:block}.char .n{font-family:var(--display);font-size:26px;line-height:1}.char .s{font-family:var(--label);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:9px}.note{color:var(--ink-dim);max-width:70ch;margin-top:22px;font-size:19px}.specs{border:2px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:30px;display:grid}.spec{border-bottom:2px solid var(--line);padding:18px 20px}.spec:nth-child(odd){border-right:2px solid var(--line)}.spec:nth-last-child(-n+2){border-bottom:0}.spec .l{font-family:var(--label);text-transform:uppercase;letter-spacing:.1em;color:var(--sky);font-size:10px}.spec .v{margin-top:4px;font-size:23px}.spec .v small{color:var(--ink-dim);font-size:19px}.cta{font-family:var(--label);text-transform:uppercase;letter-spacing:.06em;background:var(--amber);color:#1a1200;box-shadow:4px 4px 0 var(--amber-deep);cursor:pointer;border:0;align-items:center;gap:10px;padding:14px 20px;font-size:12px;text-decoration:none;display:inline-flex}.cta:hover,.cta:focus-visible{box-shadow:2px 2px 0 var(--amber-deep);outline:none;transform:translate(2px,2px)}.cta.small{letter-spacing:.08em;padding:8px 12px;font-size:9px}.cta.ghost{color:var(--amber);box-shadow:inset 0 0 0 2px var(--amber);background:0 0}.cta.ghost:hover,.cta.ghost:focus-visible{box-shadow:inset 0 0 0 2px var(--amber),4px 4px 0 var(--amber-deep);transform:none}.boards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.board{background:var(--ground-2);border:2px solid var(--line);padding:14px 16px}.board h3{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--sky);margin:0 0 10px;font-size:10px;font-weight:400}.board ul{margin:0;padding:0;font-size:19px;list-style:none}.board li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:4px 0;display:flex}.board li b{color:var(--amber);font-weight:400}.board li.empty{color:var(--ink-dim);border:0}footer{border-top:2px dashed var(--line);text-align:center;padding:48px 0 70px}footer h2{font-family:var(--display);margin:0 0 12px;font-size:clamp(44px,6vw,72px);font-weight:400;line-height:.95}footer .fine{font-family:var(--label);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:34px;font-size:9px}footer .fine a{color:var(--ink-dim)}@media (width<=820px){.roster{grid-template-columns:repeat(2,1fr)}.boards{grid-template-columns:1fr}nav .cta.small{display:none}.specs{grid-template-columns:1fr}.spec:nth-child(odd){border-right:0}.spec:nth-last-child(-n+2){border-bottom:2px solid var(--line)}.spec:last-child{border-bottom:0}.cap,.cap.l,.cap.r,.cap.b{max-width:none;inset:auto 16px 70px}.cap.hero{top:12vh;bottom:auto}.panel{width:auto;inset:auto 16px 70px;transform:none}.panel.on{transform:none}}@media (prefers-reduced-motion:reduce){.srv i,.hint{animation:none}.cap,.panel,.bar i{transition:none}}
