*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#c33;--accent-hover:#e44;--accent-dim:#a22;--accent-dark:#300;--accent-glow:#cc333326;--bg:#111;--bg-raised:#1a1a1a;--bg-button:#222;--bg-button-hover:#2a2a2a;--border:#444;--border-dim:#333;--border-light:#555;--text:#eee;--text-dim:#aaa;--text-muted:#666;--text-disabled:#555;--danger:#f44;--danger-dark:#200;--danger-border:#400;--warn:#ff0;--warn-bg:#210;--warn-border:#430}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6;display:flex}#root{width:100%;min-height:100vh}h1{color:var(--accent);margin:12px 0 4px;font-size:14px}button,input,select,textarea{font-family:inherit}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;padding:6px 16px;font-family:inherit;font-size:9px;font-weight:700}.btn:hover{background:var(--accent-hover)}.btn:disabled{background:var(--border-light);cursor:not-allowed}.btn.secondary{background:var(--border)}.btn.secondary:hover{background:var(--text-muted)}.config{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0;display:flex}.config label{color:var(--text-dim);font-size:8px}.config input{background:var(--bg-button);color:var(--text);border:1px solid var(--border);width:200px;padding:4px 8px;font-family:inherit;font-size:8px}.config select{background:var(--bg-button);color:var(--text);border:1px solid var(--border);padding:4px 8px;font-family:inherit;font-size:8px}.sessions{width:90%;max-width:1300px;margin:8px 0}.sessions h2{color:var(--accent);text-align:center;margin-bottom:6px;font-size:10px}.session-list{flex-direction:column;align-items:center;gap:8px;max-height:300px;display:flex;overflow-y:auto}.session-card{background:var(--bg-raised);border:1px solid var(--border-dim);align-items:center;gap:8px;width:100%;max-width:640px;padding:8px 12px;font-size:8px;display:flex}.session-card.active{border-color:var(--accent)}.session-info{flex-direction:column;flex:1;gap:6px;display:flex}.session-row{align-items:baseline;gap:8px;display:flex}.session-name{color:var(--text);font-weight:700}.session-meta{color:var(--text-muted)}.session-actions{gap:4px;display:flex}.session-actions button{background:var(--border-dim);color:var(--text-dim);cursor:pointer;border:none;padding:3px 8px;font-family:inherit;font-size:7px}.session-actions button:hover{background:var(--border-light);color:var(--text)}.session-actions button.delete:hover{background:var(--accent)}.game-area{flex-direction:column;align-items:center;margin:8px 0;display:flex}.panel{border:2px solid var(--border-dim);position:relative}.panel.active{border-color:var(--accent)}.panel-label{color:var(--accent);background:var(--bg);padding:0 4px;font-size:8px;font-weight:700;position:absolute;top:-18px;left:8px}.status{color:var(--text-muted);text-align:center;margin:4px 0;font-size:8px}.status.ok{color:#3c3}.status.err{color:var(--accent)}.status.warn{color:#cc3}.timetravel-controls{background:var(--bg-raised);border:1px solid var(--border-dim);width:640px;margin-top:4px;padding:10px;display:none}.timetravel-controls.visible{display:block}.tt-row{align-items:center;gap:8px;margin:4px 0;display:flex}.tt-buttons{gap:4px;display:flex}.tt-btn{background:var(--border-dim);color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:28px;font-size:10px;display:flex}.tt-btn:hover{background:var(--border-light)}.tt-btn.active{background:var(--accent)}.tt-tick{color:var(--text-dim);white-space:nowrap;min-width:120px;font-size:8px}.tt-mode-badge{color:#ff3;background:#663;margin-left:8px;padding:2px 8px;font-size:7px;font-weight:700;display:inline-block}.instructions{color:#888;text-align:center;margin:4px 0;font-size:8px}a{color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-raised)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:20px}input[type=range]::-webkit-slider-runnable-track{background:var(--border-dim);border:none;height:8px}input[type=range]::-moz-range-track{background:var(--border-dim);border:none;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--border);border:2px solid var(--border-dim);cursor:pointer;width:16px;height:16px;margin-top:-4px}input[type=range]::-moz-range-thumb{background:var(--border);border:2px solid var(--border-dim);cursor:pointer;border-radius:0;width:16px;height:16px}input[type=range]:hover::-webkit-slider-thumb{background:var(--border-light)}input[type=range]:hover::-moz-range-thumb{background:var(--border-light)}input[type=range]:focus{outline:none}