:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1218;--text:#e6e9f0;--muted:#8a93a6;--muted-strong:#9aa4b8;--muted-soft:#b8c0d0;--panel-bg:#161a22;--border:#2a3040;--status-bg:#1c212c;--btn-bg:#232a38;--btn-border:#333c4f;--btn-hover:#2a3346;--accent-text:#7fd4ff;--accent-border:#7f9dff;--accent-bg:#2b3550;--primary:#3557b7;--primary-border:#3f63cf;--primary-hover:#3f63cf;--cell-bg:#1a2029;--cell-border:#333c4f;--swatch-border:#444;--error:#ff8080;--info:#8fd4ff;--badge-color:#8fd4ff;--badge-bg:#4da3ff1f;--badge-border:#4da3ff66}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f6;--text:#202634;--muted:#6a7488;--muted-strong:#566076;--muted-soft:#4d5768;--panel-bg:#fff;--border:#d8dee8;--status-bg:#f2f4f8;--btn-bg:#f2f4f8;--btn-border:#c8d0dd;--btn-hover:#e6eaf2;--accent-text:#2a5fc4;--accent-border:#3557b7;--accent-bg:#dde6fb;--primary:#3557b7;--primary-border:#2c489c;--primary-hover:#2c489c;--cell-bg:#fff;--cell-border:#c8d0dd;--swatch-border:#9aa3b2;--error:#d64545;--info:#2a5fc4;--badge-color:#2a5fc4;--badge-bg:#3557b714;--badge-border:#3557b74d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.panel{background:var(--panel-bg);border-right:1px solid var(--border);width:290px;min-width:250px;padding:16px;overflow-y:auto}.viewport{flex:1;min-width:0;position:relative}.viewport canvas{display:block}.section-panel{background:var(--panel-bg);border-left:1px solid var(--border);width:330px;min-width:300px;padding:16px;overflow-y:auto}.section-title-inline{margin:0 0 12px;font-size:14px}.section-badge{color:var(--badge-color);background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:8px;margin-bottom:12px;padding:6px 10px;font-size:12px;line-height:1.5}.section-block{margin-bottom:12px}.face-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.face-btn{cursor:pointer;background:var(--btn-bg);border:1px solid var(--btn-border);color:inherit;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:12px;display:flex}.face-btn:hover{background:var(--btn-hover)}.face-btn.selected{border-color:var(--accent-border);background:var(--accent-bg)}.face-icon{display:inline-flex}.depth-row{flex-direction:column;gap:6px;font-size:13px;display:flex}.depth-value{color:var(--accent-text);font-weight:700}.depth-row input[type=range]{width:100%;accent-color:var(--primary)}.section-aim{width:100%}.section-status{background:var(--status-bg);border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px 10px;font-size:13px;display:flex}.section-grid-wrap{margin-bottom:8px}.grid-empty{margin:12px 0}.section-grid-caption{color:var(--muted);margin-bottom:4px;font-size:11px}.section-grid{gap:2px;display:grid}.grid-label{min-width:12px;color:var(--muted);justify-content:center;align-items:center;font-size:9px;display:flex}.section-cell{aspect-ratio:1;border:1px solid var(--cell-border);background:var(--cell-bg);width:100%;color:var(--text);cursor:pointer;border-radius:3px;padding:0;font-size:9px;line-height:1}.section-cell.empty:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}.section-cell:disabled{cursor:default}.section-cell.black{color:#fff;background:#141414}.section-cell.white{color:#141414;background:#f5f5f5}.section-cell.quantum{color:#fff;text-shadow:0 0 2px #000}.section-coord{min-height:1em;margin-top:8px;font-size:12px}.section-clear{width:100%;margin-top:10px}@media (width<=1120px){.app{flex-wrap:wrap;height:auto;min-height:100vh;overflow-y:auto}.viewport{flex:none;order:-1;width:100%;height:55vh}.panel{border-right:none;width:50%;min-width:0}.section-panel{border-left:1px solid var(--border);width:50%;min-width:0}}@media (width<=700px){.panel,.section-panel{width:100%}}.title{margin:0 0 12px;font-size:18px}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-strong);margin:16px 0 8px;font-size:12px}.status{background:var(--status-bg);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.status-row{font-size:14px}.phase{font-weight:600}.winner{font-weight:700}.winner.final{color:var(--accent-text)}.stone-buttons{flex-direction:column;gap:6px;display:flex}.stone-btn{cursor:pointer;background:var(--btn-bg);border:1px solid var(--btn-border);color:inherit;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.stone-btn:hover{background:var(--btn-hover)}.stone-btn.selected{border-color:var(--accent-border);background:var(--accent-bg)}.swatch{border:1px solid var(--swatch-border);border-radius:4px;flex-shrink:0;width:18px;height:18px}.stone-label{text-align:left;flex:1}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.action-btn{cursor:pointer;border:1px solid var(--btn-border);background:var(--btn-bg);color:inherit;border-radius:8px;padding:8px 14px;font-size:14px}.action-btn.primary{background:var(--primary);border-color:var(--primary-border)}.action-btn.primary:hover{background:var(--primary-hover)}.action-btn.ghost{background:0 0}.action-btn.ghost:hover{background:var(--btn-bg)}.action-btn:disabled{opacity:.45;cursor:default}.action-btn.ghost:disabled:hover{background:0 0}.theme-btn{width:100%}.setting{align-items:center;gap:8px;padding:6px 8px;display:flex}.setting+.setting{margin-top:4px}.setting-label{color:var(--muted-strong);flex:0 0 84px;font-size:13px}.setting-select{border:1px solid var(--btn-border);background:var(--btn-bg);color:inherit;cursor:pointer;border-radius:8px;flex:1;padding:6px 8px;font-size:14px}.setting-select:disabled{opacity:.45;cursor:default}.cpu-status{color:var(--info);font-size:13px}.message{min-height:1em;margin-top:12px;font-size:13px}.message.error{color:var(--error)}.message.info{color:var(--info)}.help ul{color:var(--muted-soft);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.muted{color:var(--muted);font-size:13px}