:root{--ground:#140f26;--ground-2:#1c1535;--panel:#261c48;--line:#3f3370;--ink:#f3eeff;--ink-dim:#aaa0cc;--mint:#7cf0c8;--mint-deep:#2f9c84;--on-mint:#0b2a22;--lantern:#ffd08a;--lantern-deep:#c9853a;--rose:#ff8fb8;--orchid:#b692ff;--accent:#7cf0c8;--glass:#1c1535cc;--glass-line:#b692ff52;--display:"Dela Gothic One","Zen Maru Gothic",system-ui,sans-serif;--body:"Zen Maru Gothic",system-ui,-apple-system,"Segoe UI",sans-serif;--r:20px;--r-s:12px}*{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:18px;font-weight:500;line-height:1.55;overflow-x:hidden}a{color:var(--mint)}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}nav{z-index:8;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}nav:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(10px);pointer-events:none;background:linear-gradient(#140f26eb,#140f2600);position:absolute;inset:0 0 -22px;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}nav .brand,.brand{font-family:var(--display);color:var(--ink);align-items:center;gap:10px;font-size:21px;line-height:1;text-decoration:none;display:inline-flex}.brand:before{content:"";background:url(/logo-mark.png) 50%/cover;border-radius:9px;flex:none;width:30px;height:30px;box-shadow:0 0 16px 1px #ffd08a66}.nav-l,.nav-r{align-items:center;display:inline-flex}.nav-l{gap:20px}.nav-r{gap:10px}.srv{color:var(--ink-dim);align-items:center;gap:8px;font-weight:700;display:inline-flex}.srv i{background:var(--mint);width:8px;height:8px;box-shadow:0 0 10px var(--mint);border-radius:50%;animation:2.4s ease-in-out infinite breathe;display:inline-block}@keyframes breathe{50%{opacity:.35}}.cta{font-family:var(--body);background:var(--mint);color:var(--on-mint);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:15px 24px;font-size:16px;font-weight:900;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 28px -10px #7cf0c8b3}.cta:hover,.cta:focus-visible{background:#9ff6d8;transform:translateY(-2px);box-shadow:0 14px 32px -10px #7cf0c8d9}.cta:active{transform:translateY(0)}.cta.small{padding:10px 16px;font-size:13.5px}.x-link{width:38px;height:38px;color:var(--ink);background:#f3eeff0f;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #f3eeff57}.x-link:hover,.x-link:focus-visible{color:var(--accent);background:#f3eeff1f}.x-link svg{fill:currentColor;width:16px;height:16px}.cta.ghost{color:var(--ink);background:#f3eeff0f;box-shadow:inset 0 0 0 1.5px #f3eeff57}.cta.ghost:hover,.cta.ghost:focus-visible{background:#f3eeff1f;box-shadow:inset 0 0 0 1.5px #f3eeff99}.walk{height:1400vh;position:relative}.stage{background:#07040f;height:100vh;position:sticky;top:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.flash{opacity:0;pointer-events:none;background:#07040f;transition:opacity .15s;position:absolute;inset:0}.hud{color:var(--ink-dim);z-index:3;gap:8px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:22px;left:28px}.hud span{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:5px 12px}.hud b{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:900}.prog{z-index:3;gap:6px;display:flex;position:absolute;bottom:30px;right:28px}.prog i{background:#f3eeff38;border-radius:3px;width:26px;height:6px;transition:background .2s,width .2s;display:block}.prog i.on{background:var(--mint);width:40px}.hint{color:var(--ink);z-index:3;text-shadow:0 2px 12px #07040fe6;font-size:14px;font-weight:700;transition:opacity .3s;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.hint:after{content:"";border-right:2.5px solid var(--mint);border-bottom:2.5px solid var(--mint);width:10px;height:10px;margin:8px auto 0;animation:1.6s ease-in-out infinite nudge;display:block;transform:rotate(45deg)}@keyframes nudge{50%{transform:translateY(6px)rotate(45deg)}}.cap{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);z-index:4;opacity:0;pointer-events:none;max-width:440px;padding:24px 28px 26px;transition:opacity .4s,transform .4s;position:absolute;transform:translateY(16px);box-shadow:0 28px 60px -24px #07040fe6}.cap.on{opacity:1;pointer-events:auto;transform:none}.cap .k{color:var(--ink-dim);align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.cap .k b{background:var(--lantern);color:#3a2408;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:900;display:inline-grid}.cap h2{font-family:var(--display);text-wrap:balance;margin:12px 0 10px;font-size:clamp(27px,3.1vw,40px);font-weight:400;line-height:1.14}.cap p{color:#ddd4f4;margin:0;font-size:18px}.cap .cta{margin-top:18px}.cap.hero{max-width:min(88vw,1040px);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;padding:0;top:17vh;left:6vw}.cap.hero h2{text-shadow:0 6px 40px #140830bf;margin:0 0 18px;font-size:clamp(44px,7.4vw,108px);line-height:.98}.cap.hero h2 span{color:var(--accent);display:block}.cap.hero p{max-width:30ch;color:var(--ink);text-shadow:0 2px 16px #07040fe6;font-size:21px;font-weight:700}.cap.l{top:15vh;left:6vw}.cap.r{top:15vh;right:6vw}.cap.b{bottom:88px;left:6vw}.panel{background:var(--glass);width:min(390px,86vw);color:var(--ink);border:1px solid var(--glass-line);border-radius:var(--r);z-index:5;opacity:0;pointer-events:none;padding:20px 22px;transition:opacity .3s,transform .3s;position:absolute;top:50%;right:6vw;transform:translateY(-50%)scale(.97);box-shadow:0 28px 60px -24px #07040fe6}.panel.on{opacity:1;pointer-events:auto;transform:translateY(-50%)}.panel .who{color:var(--orchid);font-size:13px;font-weight:700}.panel h4{font-family:var(--display);margin:6px 0 8px;font-size:26px;font-weight:400;line-height:1.15}.panel p{color:var(--ink-dim);margin:0 0 12px;font-size:16px}.bar{background:#f3eeff1f;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--mint-deep),var(--mint));border-radius:5px;width:35%;height:100%;transition:width .7s;display:block}.amt{font-variant-numeric:tabular-nums;color:var(--ink-dim);justify-content:space-between;margin-bottom:12px;font-size:15px;display:flex}.amt b{color:var(--accent)}.give{width:100%;font-family:var(--body);background:var(--mint);color:var(--on-mint);border-radius:var(--r-s);cursor:pointer;border:0;padding:14px;font-size:16px;font-weight:900;transition:transform .15s,background .15s}.give:hover:not([disabled]),.give:focus-visible{background:#9ff6d8;transform:translateY(-1px)}.give[disabled]{opacity:.5;cursor:default}.toast{background:var(--lantern);color:#3a2408;z-index:6;opacity:0;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:700;transition:opacity .3s;position:absolute;top:14vh;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #ffd08ab3}.toast.on{opacity:1}section{padding:104px 0}section:nth-of-type(odd){background:var(--ground-2)}#characters{background:radial-gradient(120% 70% at 50% 0,#3a2366 0,var(--ground-2) 55%)}section h2{font-family:var(--display);text-wrap:balance;max-width:20ch;margin:0 0 18px;font-size:clamp(30px,4.2vw,52px);font-weight:400;line-height:1.1}.lead{color:#d6cdee;max-width:60ch;margin:0;font-size:19px}.roster{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px;display:grid}.char{background:var(--ground);border:1.5px solid var(--line);border-radius:var(--r);text-align:center;cursor:pointer;padding:12px 12px 14px;transition:border-color .15s,transform .15s}.char:hover,.char:focus-visible{border-color:var(--orchid);outline:none;transform:translateY(-3px)}.char.sel{border-color:var(--mint);box-shadow:0 0 0 3px #7cf0c82e,0 18px 40px -18px #7cf0c899}.char.sel .n{color:var(--mint)}.char canvas{aspect-ratio:1;border-radius:var(--r-s);background:#33285c;width:100%;margin-bottom:10px;display:block}.char .n{font-size:16px;font-weight:900;line-height:1.2}.char .s{color:var(--ink-dim);margin-top:3px;font-size:13px}.note{color:var(--ink-dim);max-width:66ch;margin-top:30px;font-size:16px}.specs{grid-template-columns:repeat(2,1fr);column-gap:48px;margin:40px 0 0;display:grid}.spec{border-top:1px solid var(--line);padding:20px 0}.spec .l{color:var(--orchid);font-size:14px;font-weight:700}.spec .v{margin-top:4px;font-size:19px;font-weight:700}.spec .v small{color:var(--ink-dim);margin-top:2px;font-size:15.5px;font-weight:500;display:block}.boards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.board{background:var(--ground-2);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}.board h3{color:var(--orchid);margin:0 0 12px;font-size:15px;font-weight:900}.board ul{margin:0;padding:0;font-size:16px;list-style:none}.board li{border-top:1px solid #3f337099;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.board li:first-child{border-top:0}.board li b{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:900}.board li.empty{color:var(--ink-dim);border:0}footer{text-align:center;background:radial-gradient(90% 80% at 50% 100%,#4a2a63 0,#2a1a4c 38%,var(--ground) 72%);padding:120px 0 72px}footer h2{font-family:var(--display);margin:0 0 14px;font-size:clamp(38px,6.4vw,84px);font-weight:400;line-height:1.02}footer .lead{margin:0 auto 30px}footer .fine{color:var(--ink-dim);margin-top:64px;font-size:13.5px}footer .fine a{color:var(--ink-dim)}footer .follow{margin-top:18px}footer .follow .x-link{color:var(--ink)}@media (width<=1000px){.roster{grid-template-columns:repeat(4,1fr)}}@media (width<=820px){body{font-size:17px}.wrap{padding:0 20px}nav{padding:12px 16px}section{padding:72px 0}.roster{grid-template-columns:repeat(2,1fr)}.boards{grid-template-columns:1fr}nav .srv,nav .cta.small.ghost{display:none}.specs{grid-template-columns:1fr}.cap,.cap.l,.cap.r,.cap.b{max-width:none;inset:auto 16px 84px}.cap.hero{top:14vh;bottom:auto}.hud{gap:5px;font-size:12px;bottom:16px;left:16px}.hud span{padding:4px 9px}.prog{bottom:24px;right:16px}.prog i{width:16px}.prog i.on{width:24px}.hint{bottom:66px}.panel{width:auto;inset:auto 16px 84px;transform:none}.panel.on{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.srv i,.hint:after{animation:none}.cap,.panel,.bar i,.cta,.char,.prog i{transition:none}}