:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e2e8f0}h1,h2,h3,p{margin:0}.container{max-width:1440px;margin:0 auto;padding:24px}.app-shell{display:grid;grid-template-columns:250px 1fr;gap:16px;align-items:start}.app-root{display:grid;gap:16px}.page-nav{position:sticky;top:16px}.nav-list{display:grid;gap:8px}.nav-btn{text-align:left}.nav-btn.active{border-color:#22d3ee;background:#082f49}.hero{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px;display:grid;gap:8px}.hero p{color:#94a3b8}.backend-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;border:1px solid #475569;font-size:.85rem}.backend-pill.online{background:#22c55e29;border-color:#22c55e;color:#86efac}.backend-pill.offline{background:#ef444429;border-color:#ef4444;color:#fca5a5}.backend-pill.unknown{background:#eab30829;border-color:#eab308;color:#fde047}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px;display:grid;gap:10px}.controls .row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}input[type=file],select,button{border-radius:8px;border:1px solid #475569;background:#0f172a;color:#e2e8f0;padding:8px 10px}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.hint{color:#94a3b8;font-size:.9rem}.status{color:#cbd5e1}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.summary-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:14px;display:grid;gap:6px}.summary-card strong{font-size:1.6rem}.summary-label{color:#94a3b8;font-size:.88rem}.table-wrap{overflow-x:auto}.toolbar-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar-row input,.toolbar-row select{min-width:150px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #334155;padding:10px;text-align:left;white-space:nowrap}th{color:#93c5fd}.muted{color:#94a3b8}.post-creator{gap:14px}.post-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:14px}.post-controls{display:grid;gap:10px}.post-controls label{display:grid;gap:6px}.post-controls h3,.post-controls h4{margin:4px 0}.zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.zone-grid h4{grid-column:1 / -1;color:#93c5fd}.post-preview-wrap{border:1px solid #334155;border-radius:10px;background:#0f172a;overflow:auto;padding:8px}.post-canvas{max-width:100%;height:auto;display:block;cursor:crosshair}.game-stats-bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;background:#94a3b80f;border:1px solid #334155;border-radius:10px}.pill{padding:6px 10px;border-radius:999px;border:1px solid #475569;background:#94a3b81a;color:#e2e8f0;font-size:.9rem}.pill.strong{background:#22c55e24;border-color:#22c55e;color:#bbf7d0}.pill.subtle{color:#cbd5e1}.fancy-table table tbody tr td:first-child{font-weight:600;color:#e0f2fe}.fancy-table table tbody tr.selected-row td{border-color:#22d3ee}.game-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:12px;background:#082f4959;border:1px solid #334155;border-radius:10px}.meta-primary{font-size:1.1rem;font-weight:700;color:#f8fafc}.ai-card{gap:8px}.ai-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.ai-answer.compact{max-height:280px}.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.mini-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:12px;display:grid;gap:6px}.two-col-table{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.game-lab{gap:14px}.game-lab-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.game-list,.game-calc{display:grid;gap:10px}.game-calc label{display:grid;gap:6px}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.selected-row{background:#22d3ee24}.game-list table tbody tr{cursor:pointer}.game-list table tbody tr:hover{background:#94a3b81f}.ai-query{min-height:110px;width:100%;border-radius:8px;border:1px solid #475569;background:#0f172a;color:#e2e8f0;padding:10px;resize:vertical}.ai-answer{white-space:pre-wrap;background:#0b1220;border:1px solid #334155;border-radius:8px;padding:12px;color:#dbeafe;max-height:360px;overflow:auto}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.page-nav{position:static}.post-grid,.insights-grid,.two-col-table,.game-lab-grid,.calc-grid{grid-template-columns:1fr}.toolbar-row{align-items:stretch}.toolbar-row input,.toolbar-row select,.toolbar-row button{width:100%}}