:root{--c-bg: #0a0814;--c-panel: #14111d;--c-panel-2: #100d18;--c-line: #271f3a;--c-text: #e6e2f2;--c-dim: #8b84a6;--c-neon: #8b5cff;--c-neon-dim: #573a99;--c-amber: #ffb84d;--c-red: #ff5d7a;--c-blue: #6f7bff;--c-accent: var(--c-neon);--c-accent-dim: var(--c-neon-dim);--grad-brand: linear-gradient(135deg, #9b6cff, #5b6bff);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-display: "Orbitron", "Inter", sans-serif;--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: #3f47b0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,#1a1130 0%,var(--c-bg) 55%);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base)}button{cursor:pointer;font-family:var(--font-sans);border:none;background:none;color:inherit}input,select{font-family:var(--font-sans)}code,pre{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:#fff}.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}.sidebar{width:var(--sidebar-w);border-right:var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:var(--sp-1);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.main-content{flex:1;padding:26px 34px;max-width:var(--content-max);min-width:0}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:var(--border);background:var(--c-panel);position:sticky;top:0;z-index:50}.hamburger{background:none;border:var(--border);border-radius:var(--radius-sm);color:var(--c-text);padding:6px 10px;font-size:18px;line-height:1}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:79}.modal-panel{width:420px}.modal-panel-sm{width:380px}.log-viewer{background:#060410;border:var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);height:440px;overflow-y:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.9}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:80;background:var(--c-bg);transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop.visible{display:block}.mobile-header{display:flex}.main-content{padding:16px}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--sp-3)}.stat-grid{flex-direction:column}.game-card-top{flex-direction:column;align-items:stretch!important;gap:var(--sp-3)}.game-card-metrics{flex-wrap:wrap;gap:var(--sp-3)!important}.api-key-bar{flex-wrap:wrap}.modal-panel,.modal-panel-sm{width:calc(100vw - 32px);max-width:420px}.log-viewer{height:55vh}.log-entry{flex-wrap:wrap}}@media (max-width: 480px){.main-content{padding:12px 10px}.btn{padding:10px 14px;font-size:var(--fs-sm)}.log-viewer{height:45vh}}