*,:before,:after{box-sizing:border-box}body{color:#dcdcdc;background:#141414;min-height:100svh;margin:0;font-family:Segoe UI,system-ui,sans-serif}#root{width:100%;min-height:100svh}.app{background:#141414;min-height:100svh;display:flex}.board-area{flex-shrink:0;justify-content:center;align-items:center;padding:16px;display:flex}.side-panel{background:#1c1c1c;border-left:1px solid #2a2a2a;flex-direction:column;width:300px;min-width:260px;display:flex;overflow-y:auto}.panel{flex-direction:column;flex:1;gap:6px;padding:12px 14px;display:flex}.panel-title{color:#dcdcdc;margin-bottom:4px;font-size:18px;font-weight:700}.status{margin-bottom:2px;font-size:14px}.divider{border:none;border-top:1px solid #3a3a3a;margin:4px 0}.engine-thinking{color:#d49a32;font-size:13px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.feedback{padding:4px 0;font-size:13px;line-height:1.4}.section-label{letter-spacing:.08em;color:#666;text-transform:uppercase;margin-top:4px;font-size:10px}.landscape{flex-direction:column;gap:2px;max-height:128px;padding:2px 0;display:flex;overflow-y:auto}.landscape-line{grid-template-columns:84px 1fr;gap:6px;font-size:11px;line-height:1.35;display:grid}.landscape-facet{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-top:1px;font-family:Consolas,monospace;font-size:10px}.landscape-value{color:#c8c8c8}.landscape-flat,.landscape-error{color:#666;font-size:11px}.landscape-error{color:#d44}.move-history{color:#aaa;flex:1;font-size:13px;overflow:hidden}.move-pair{grid-template-columns:28px 60px 60px;gap:4px;line-height:1.6;display:grid}.move-num{color:#555}.move-w{color:#ccc}.move-b{color:#999}.log-panel{min-height:52px;margin:2px 0}.log-line{white-space:nowrap;text-overflow:ellipsis;font-family:Consolas,monospace;font-size:11px;line-height:1.4;overflow:hidden}.panel-actions{gap:8px;padding-top:8px;display:flex}.panel-actions button{color:#dcdcdc;cursor:pointer;background:#333;border:1px solid #444;border-radius:6px;flex:1;padding:6px 4px;font-size:12px;transition:background .15s}.panel-actions button:hover{background:#444}.btn-quit{background:#3a1a1a!important;border-color:#5a2a2a!important}.btn-quit:hover{background:#4a2020!important}.mic-controls{border-top:1px solid #2a2a2a;flex-direction:column;gap:6px;padding:10px 14px 12px;display:flex}.mic-select{color:#ccc;cursor:pointer;background:#2e2e2e;border:1px solid #444;border-radius:6px;outline:none;width:100%;padding:4px 6px;font-size:11px}.mic-select:hover{border-color:#666}.mic-select option{background:#1c1c1c}.level-bar-container{background:#2e2e2e;border-radius:4px;height:8px;overflow:hidden}.level-bar{border-radius:4px;height:100%;transition:width 50ms linear}.level-pct{color:#555;font-size:10px}.mic-btns{gap:8px;margin-top:2px;display:flex}.mic-btns button{color:#dcdcdc;cursor:pointer;background:#2e2e2e;border:1px solid #444;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;transition:background .15s}.mic-btns button:hover{background:#3a3a3a}.btn-active{background:#1a3a1a!important;border-color:#2a6a2a!important}.btn-ptt.btn-active{background:#3a1010!important;border-color:#7a2020!important}.btn-vsai.btn-active{background:#101a3a!important;border-color:#2040aa!important}.text-input-form{margin-top:4px}.text-input{color:#dcdcdc;background:#2a2a2a;border:1px solid #444;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:Consolas,monospace;font-size:13px}.text-input:focus{border-color:#666}.input-hint{color:#444;margin-top:2px;font-size:10px}.color-picker-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.color-picker-box{text-align:center;background:#1c1c1c;border:1px solid #333;border-radius:16px;padding:40px 48px}.color-picker-box h2{color:#e8e8e8;margin:0 0 28px;font-size:22px}.color-picker-btns{gap:16px;display:flex}.color-picker-btns button{cursor:pointer;border:2px solid #555;border-radius:10px;width:140px;padding:16px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s}.color-picker-btns button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.btn-white{color:#111;background:#dcd8c8;border-color:#aaa}.btn-black{color:#ddd;background:#222;border-color:#555}.btn-rand{color:#aac;background:#2a2a4a;border-color:#446}@media (width<=900px){.app{flex-direction:column}.side-panel{width:100%;min-width:unset;border-top:1px solid #2a2a2a;border-left:none}}.review{color:#eee;max-width:480px;margin:0 auto;padding:24px 16px;font-size:18px}.review h1{margin:0 0 16px;font-size:24px}.review button{font:inherit;color:inherit;cursor:pointer;background:#333;border:1px solid #555;border-radius:8px;padding:12px 16px}.review-mic{width:100%;min-height:96px;margin:16px 0;display:block;background:#2f5d3a!important;font-size:22px!important}.review-mic:disabled{background:#7a2f2f!important}.review-stop{width:100%;margin-top:24px}.review-form{gap:8px;margin:12px 0;display:flex}.review-form input{font:inherit;color:#eee;background:#222;border:1px solid #555;border-radius:8px;flex:1;padding:12px}.review-list{padding:0;list-style:none}.review-list li button{text-align:left;width:100%;margin:4px 0;font-size:15px}.review-status{color:#bbb;min-height:1.5em}.review-running{font-weight:600}.review-alert{color:#f88}