:root{--c-bg: #0a0e0f;--c-panel: #11181a;--c-panel-2: #0d1416;--c-line: #1e2c2f;--c-text: #d7e4e3;--c-dim: #6b8487;--c-neon: #39ffb0;--c-neon-dim: #1c6e52;--c-amber: #ffb13d;--c-red: #ff5c5c;--c-blue: #5cc8ff;--c-accent: var(--c-neon);--c-accent-dim: var(--c-neon-dim);--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-display: "Space Mono", "JetBrains Mono", monospace;--fs-xs: 10px;--fs-sm: 11px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 17px;--fs-xl: 22px;--fs-stat: 30px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 26px;--sp-8: 34px;--radius-sm: 5px;--radius: 7px;--radius-lg: 10px;--border: 1px solid var(--c-line);--shadow-pop: 0 12px 40px #000b;--sidebar-w: 230px;--content-max: 1100px}.ctx-game{--c-accent: var(--c-blue);--c-accent-dim: #2b6f99}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,#0f1f1c 0%,var(--c-bg) 55%);color:var(--c-text);font-family:var(--font-mono);font-size:var(--fs-base)}button{cursor:pointer;font-family:var(--font-mono);border:none;background:none;color:inherit}input,select{font-family:var(--font-mono)}a{color:var(--c-blue)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:var(--radius-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulse 2s infinite}.panel{background:var(--c-panel);border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-5)}.panel-tight{padding:var(--sp-4)}.panel-2{background:var(--c-panel-2)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:11px 18px;border-radius:var(--radius);font-size:var(--fs-base);font-weight:700;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.08)}.btn-primary{background:var(--c-accent);color:#04110c}.btn-ghost{background:transparent;color:var(--c-dim);border:var(--border);font-weight:400}.btn-mini{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--fs-sm);background:transparent;border:1px solid currentColor}.field-label{font-size:var(--fs-sm);color:var(--c-dim);margin-bottom:var(--sp-2);letter-spacing:1px;text-transform:uppercase}.input{width:100%;background:var(--c-panel-2);border:var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--c-text);font-size:var(--fs-md);outline:none}.input:focus{border-color:var(--c-accent-dim)}.dim{color:var(--c-dim)}.accent{color:var(--c-accent)}.display{font-family:var(--font-display);font-weight:700}.label-up{font-size:var(--fs-sm);color:var(--c-dim);letter-spacing:1px;text-transform:uppercase}.row-hover{transition:background .15s}.row-hover:hover{background:var(--c-panel)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.wrap{flex-wrap:wrap}.mt-auto{margin-top:auto}