:root{color-scheme:dark;--bg:#11191a;--card:#1b2727;--line:#344542;--ink:#e8e7d7;--muted:#aab9b0;--accent:#e1cb8b}*{box-sizing:border-box}body{margin:0;padding:34px 5vw;font:15px/1.55 system-ui,sans-serif;background:var(--bg);color:var(--ink)}header{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--accent)}h1{font-family:Georgia,serif;font-weight:500;font-size:42px;line-height:1.1;margin:8px 0}header p{color:var(--muted);margin:10px 0}.badge{font-size:11px;letter-spacing:.1em;border:1px solid var(--line);border-radius:40px;padding:9px 14px}.progress-note{max-width:1400px;margin:22px auto;padding:13px 17px;border-left:3px solid var(--accent);background:#26302c;font-size:13px;color:#c8cec0}.progress-note strong{color:var(--ink)}main{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(460px,1.5fr) minmax(330px,1fr);gap:24px}.scene-card,.inspector{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.scene-toolbar,.scene-controls{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scene-toolbar{border-bottom:1px solid var(--line)}select,input,button{font:inherit;color:var(--ink);background:#263635;border:1px solid #495d54;border-radius:5px;padding:7px 10px}button{cursor:pointer}button:hover,button:focus-visible{border-color:var(--accent);background:#35453c}label{display:flex;align-items:center;gap:8px}select{max-width:100%}.canvas-frame{position:relative;background:#0d1415;padding:22px;text-align:center;min-height:400px;display:flex;align-items:center;justify-content:center}canvas{display:block;width:100%;max-width:768px;height:auto;image-rendering:pixelated;aspect-ratio:256/224;cursor:grab;outline:none;touch-action:none}canvas:active{cursor:grabbing}canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#load-status{position:absolute;background:#172424;padding:12px 18px;border:1px solid var(--line);border-radius:8px}.scene-controls{font-size:12px;color:var(--muted);padding-top:9px;padding-bottom:9px}.scene-controls select{font-size:12px}.scene-controls input{accent-color:var(--accent)}.caption{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 18px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:8px;gap:5px}.tabs button{border:none;background:transparent;border-radius:5px;padding:9px 12px;font-size:13px}.tabs button[aria-selected=true]{background:#34443d;color:var(--accent)}.panel{padding:19px}.panel .caption{margin:14px 0}.panel h2{font-size:18px;margin:0 0 18px;font-weight:500}.panel label{justify-content:space-between}.panel select{max-width:78%}.muted{font-size:12px;color:var(--muted)}.dialogue{margin:15px 0;padding:18px;background:#111c1c;border:1px solid #4a5d4b;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 ui-monospace,monospace;max-height:430px;overflow:auto}.source-record{font:11px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;color:#bcc9bd;background:#13201e;padding:13px;border-radius:5px}summary{font-size:12px;color:var(--accent);cursor:pointer;margin-top:20px}.edit-row{display:flex;gap:8px;align-items:center}.edit-row label{gap:8px}.edit-row input{width:86px}.edit-row button{font-size:12px}footer{max-width:1400px;margin:24px auto;display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}@media(max-width:1000px){body{padding:22px}main{grid-template-columns:1fr}.canvas-frame{min-height:280px}.badge{display:none}.inspector .panel{max-height:none}header h1{font-size:34px}}@media(max-width:540px){body{padding:14px}.canvas-frame{padding:8px}.scene-toolbar select{max-width:190px}.scene-controls{font-size:11px}.edit-row{flex-wrap:wrap}footer{gap:12px}}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px;margin:15px 0}.stat-grid label{font-size:12px;justify-content:space-between;gap:6px}.stat-grid input{width:78px;font-size:12px;padding:6px}.edit-row{flex-wrap:wrap}.edit-row button{font-size:11px;padding:7px 9px}@media(max-width:420px){.stat-grid{grid-template-columns:1fr}}
.replay-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 18px}.replay-controls button{font-size:12px}button:disabled{cursor:default;opacity:.45}#replay-output{margin:14px 18px;border-top:1px solid var(--line)}#replay-output .caption{margin:12px 0}#replay-dialogue{min-height:70px;max-height:250px}.scene-controls{align-items:center}
.opening-guide{margin:0 18px 16px;padding:13px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}.opening-guide h2{margin:0 0 7px;color:var(--ink);font-size:14px;font-weight:600}.opening-guide ol{margin:0 0 10px;padding-left:19px}.opening-guide li{padding-left:3px;margin:5px 0}.opening-guide strong{color:var(--ink);font-weight:600}.opening-guide p{margin:0}