@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700;900&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--bg:#0b0b0f;--bg2:#13131a;--ink:#f4f1ea;--mut:#9a98a6;--acid:#c6ff3d;--on:#0b0b0f;--vio:#7b5cff;--pink:#ff4d8d;--line:#2a2a33;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,header,footer,section,nav,.wrap{position:relative;z-index:1}
a{color:inherit}
code{background:#0e0e14;border:1px solid var(--line);padding:2px 7px;border-radius:6px;font-size:14px;color:var(--acid);word-break:break-all}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
h1,h2,h3,.disp{font-family:'Unbounded',sans-serif;line-height:1.05;letter-spacing:-.02em}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:10px}
.logo{font-family:'Unbounded';font-weight:900;font-size:17px;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{width:14px;height:14px;background:var(--acid);display:inline-block;border-radius:3px;transform:rotate(45deg);box-shadow:0 0 18px var(--acid)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px 'Space Grotesk';padding:13px 20px;border-radius:12px;border:2px solid var(--ink);background:var(--acid);color:var(--on);cursor:pointer;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border-color:var(--line)}
.btn.vio{background:var(--vio);color:#fff}
.btn.pink{background:var(--pink);color:#fff}
.btn.sm{padding:8px 13px;font-size:13px;box-shadow:3px 3px 0 var(--ink)}
.btn.ghost.sm{box-shadow:none}
.btn:disabled{opacity:.5;pointer-events:none}
.card{background:var(--bg2);border:2px solid var(--line);border-radius:var(--r);padding:20px}
.card.pop{border-color:var(--ink);box-shadow:6px 6px 0 var(--acid)}
.tag{display:inline-block;font:700 11px 'Space Grotesk';text-transform:uppercase;letter-spacing:.12em;padding:5px 10px;border-radius:999px;border:1.5px solid currentColor}
.mut{color:var(--mut)}
label{display:block;font-size:12px;font-weight:700;margin:16px 0 7px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
input,select,textarea{width:100%;background:#0e0e14;border:2px solid var(--line);color:var(--ink);padding:13px 14px;border-radius:12px;font:500 16px 'Space Grotesk';outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--acid)}
.grid{display:grid;gap:16px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(140px);background:var(--ink);color:#0b0b0f;padding:13px 18px;border-radius:12px;font-weight:700;z-index:99;transition:transform .25s;max-width:92vw;box-shadow:4px 4px 0 var(--acid)}
.toast.show{transform:translateX(-50%) translateY(0)}
.marquee{overflow:hidden;border-block:2px solid var(--ink);background:var(--acid);color:#0b0b0f;white-space:nowrap;transform:rotate(-1.5deg);margin:0 -10px}
.marquee div{display:inline-block;padding:12px 0;font:900 15px 'Unbounded';animation:mq 24s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.scroll{overflow-x:auto}
.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.ok{background:rgba(198,255,61,.14);color:var(--acid)}
.warn{background:rgba(255,77,141,.15);color:var(--pink)}
.wait{background:rgba(123,92,255,.2);color:#b8a6ff}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stat b{display:block;font:900 34px 'Unbounded';color:var(--acid)}
.hide{display:none!important}