:root{color-scheme:dark;--bg:#0b0d14;--panel:#12151f;--line:#232838;--text:#eef0f7;--muted:#9aa1b8;--acc:#6ee7d0;--acc2:#8b7bff;--warn:#f0c36a;--bad:#ff8a8a;--r:14px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.55}
.wrap{width:min(1100px,calc(100% - 36px));margin:auto;position:relative;z-index:1}
a{color:var(--acc)}a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#000;padding:8px;z-index:9}
header.top{display:flex;align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.2em}
.mark{width:34px;height:34px;border-radius:10px;background:conic-gradient(from 200deg,var(--acc),var(--acc2),var(--acc));display:grid;place-items:center;color:#06080d;font-weight:900;letter-spacing:0;animation:spin 14s linear infinite}
.mark b{animation:spin 14s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
nav.main{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}nav.main a{color:var(--muted);text-decoration:none;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current]{color:var(--text);border-color:var(--acc)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);font:600 14px inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s}
.btn:hover{transform:translateY(-2px);border-color:var(--acc)}.btn.pri{background:var(--acc);color:#06100d;border-color:var(--acc)}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.hidden{display:none!important}
.hero{padding:84px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.tag{font:600 12px ui-monospace,monospace;letter-spacing:.14em;color:var(--acc);text-transform:uppercase}
h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:.3em 0}h1 em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2),var(--acc));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 6s linear infinite}
@keyframes flow{to{background-position:200% 0}}
h2{font-size:28px;margin:0 0 .4em}h3{margin:0 0 .3em}p{margin:.5em 0}.muted{color:var(--muted)}
.term{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;font:13px/1.9 ui-monospace,monospace;min-height:210px}
.term .l{display:block;white-space:nowrap;overflow:hidden;animation:type 1s steps(34) both}.term .l:nth-child(2){animation-delay:1s}.term .l:nth-child(3){animation-delay:2s}.term .l:nth-child(4){animation-delay:3s}.term .l:nth-child(5){animation-delay:4s}
@keyframes type{from{max-width:0}to{max-width:100%}}.term .ok{color:var(--acc)}.term .w{color:var(--warn)}
section.blk{padding:46px 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}
.cell{border:1px solid var(--line);background:rgba(18,21,31,.8);border-radius:var(--r);padding:18px;transition:border-color .2s,transform .2s}.cell:hover{border-color:var(--acc);transform:translateY(-3px)}
.pill{display:inline-block;font:600 11px ui-monospace,monospace;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}.pill.live{color:var(--acc);border-color:var(--acc)}.pill.soon{color:var(--warn);border-color:var(--warn)}
.notice{border:1px solid var(--warn);border-radius:var(--r);padding:12px 16px;background:rgba(240,195,106,.07);margin:14px 0}.notice.err{border-color:var(--bad);background:rgba(255,138,138,.07)}
.skel{height:64px;border-radius:var(--r);background:linear-gradient(90deg,var(--panel),#1b2030,var(--panel));background-size:200% 100%;animation:flow 1.4s linear infinite}
.dash{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:30px 0}
.side{display:flex;flex-direction:column;gap:6px}.side button{text-align:left;background:none;border:1px solid transparent;color:var(--muted);padding:10px 12px;border-radius:10px;cursor:pointer;font:inherit}.side button[aria-selected=true]{color:var(--text);border-color:var(--line);background:var(--panel)}
.guild{display:flex;gap:12px;align-items:center;text-align:left;width:100%;cursor:pointer;color:var(--text);font:inherit}
.av{width:40px;height:40px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-weight:800;flex:none}
.ctl{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.ctl:last-child{border:0}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
.legal{max-width:760px;padding:50px 0}.legal h2{font-size:20px;margin-top:1.6em}
@media(max-width:800px){.hero,.dash{grid-template-columns:1fr}.hero{padding-top:44px}nav.main{margin-left:0;width:100%}.side{flex-direction:row;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#bg{display:none}.term .l{max-width:100%}}