:root{--bg:#0f1218;--bg2:#161b24;--bg3:#1e2531;--line:#2a3342;--text:#e6e9ef;--muted:#8b95a7;--accent:#d9a441;--accent2:#4aa3ff;--ok:#3fc28a;--warn:#f5c542;--err:#e5484d;--r:8px;--font:13px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:var(--font);margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--bg3);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 9px}button:hover{background:#263043;border-color:#3c4a60}button.on,button.accent{border-color:var(--accent);color:#ffd98a;background:#3a2f17}button:disabled{opacity:.45;cursor:default}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:5px;min-width:0;padding:4px 6px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0}textarea{resize:vertical;width:100%;font-family:ui-monospace,Menlo,monospace;font-size:12px}.muted{color:var(--muted)}#app{flex-direction:column;height:100%;display:flex}#topbar{background:var(--bg2);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:46px;padding:6px 10px;display:flex}.brand{white-space:nowrap;font-size:14px}.brand b{color:var(--accent)}.seg{display:flex}.seg button{border-radius:0}.seg button:first-child{border-radius:6px 0 0 6px}.seg button:last-child{border-radius:0 6px 6px 0}.tb{scrollbar-width:thin;flex:1;align-items:center;gap:5px;display:flex;overflow-x:auto}.sep{background:var(--line);flex:none;width:1px;height:22px;margin:0 3px}.badge{background:0 0;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;display:inline-block}.badge.err{background:var(--err);color:#fff}.badge.ok{background:var(--ok);color:#062}.badge.warn{background:var(--warn);color:#320}.dd{position:relative}.menu{z-index:50;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);min-width:220px;padding:4px;display:none;position:fixed;box-shadow:0 8px 30px #0008}.menu.open{display:block}.menu button{text-align:left;background:0 0;border:0;width:100%;padding:7px 9px;display:block}.menu button:hover{background:var(--bg3)}.menu .hint{color:var(--muted);font-size:11px}#main{flex:1;min-height:0;display:flex}#tools{background:var(--bg2);border-right:1px solid var(--line);flex-direction:column;gap:4px;width:52px;padding:6px;display:flex;overflow-y:auto}#tools button{width:40px;height:40px;padding:0;font-size:18px;position:relative}#tools button small{color:var(--muted);font-size:9px;position:absolute;bottom:1px;right:3px}#tools .opt{width:40px;padding:2px;font-size:10px}#stage{touch-action:none;background:#0a0d12;flex:1;min-width:0;position:relative}#cv{width:100%;height:100%;display:block;position:absolute;inset:0}#minimap{border:1px solid var(--line);cursor:pointer;background:#000;border-radius:6px;width:240px;height:135px;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 16px #0009}#status{color:var(--muted);pointer-events:none;background:#0c0f15cc;border-radius:6px;max-width:calc(100% - 280px);padding:4px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}#toast{border:1px solid var(--line);opacity:0;pointer-events:none;z-index:20;background:#1d2532ee;border-radius:8px;max-width:90%;padding:8px 14px;transition:opacity .25s;position:absolute;top:14px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#hud{border:1px solid var(--accent);z-index:10;background:#0c0f15e8;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:6px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#hud[hidden]{display:none}#hud .stat{font-weight:600}#hud .log{color:var(--muted);flex-basis:100%;max-height:54px;font-size:12px;overflow:hidden}#panel{background:var(--bg2);border-left:1px solid var(--line);flex-direction:column;width:360px;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;padding:6px 6px 0;display:flex}.tabs button{border-bottom:0;border-radius:6px 6px 0 0;padding:5px 8px;font-size:12px}#panelBody{flex:1;padding:10px;overflow-y:auto}h3{color:var(--accent);margin:4px 0 8px;font-size:13px}h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px;font-size:12px}.f{grid-template-columns:112px 1fr;align-items:center;gap:6px;margin-bottom:6px;display:grid}.f>label{color:var(--muted);font-size:12px}.f input:not([type=checkbox]),.f select{width:100%}.row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.row input[type=number]{width:72px}.card{background:var(--bg3);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;padding:8px}.card.sel{border-color:var(--accent)}.grp{grid-template-columns:1.6fr .6fr 1fr .6fr .6fr 26px;gap:4px;margin-bottom:4px;display:grid}.grp.head{color:var(--muted);font-size:11px}.grp input,.grp select{width:100%;padding:3px 4px;font-size:12px}.grp button{padding:0}.timeline{background:var(--bg);border-radius:4px;height:0;margin-top:6px;position:relative;overflow:hidden}.timeline .bar{opacity:.9;color:#111;white-space:nowrap;border-radius:3px;height:12px;padding-left:3px;font-size:9px;line-height:12px;position:absolute;overflow:hidden}.issue{cursor:pointer;border-left:3px solid var(--warn);background:var(--bg3);border-radius:6px;margin-bottom:4px;padding:6px 8px}.issue.error{border-left-color:var(--err)}.issue:hover{background:#283246}.ok-line{color:var(--ok)}table.rep{border-collapse:collapse;width:100%;font-size:12px}table.rep td,table.rep th{border-bottom:1px solid var(--line);text-align:right;padding:3px 4px}table.rep th:first-child,table.rep td:first-child{text-align:left}.legend{grid-template-columns:1fr 1fr;gap:4px;font-size:12px;display:grid}.legend span i{vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:4px;display:inline-block}dialog{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(560px,94vw);max-height:90vh;padding:0}dialog::backdrop{background:#000a}dialog form{padding:16px;display:block}dialog img{border:1px solid var(--line);border-radius:8px;max-width:100%}.kbd{background:var(--bg3);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-family:ui-monospace,monospace}.help-grid{grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.mobile-only,body.mode-world .battle-only,body.mode-battle .world-only{display:none}body.playing #tools,body.playing #panel{pointer-events:none;opacity:.5}@media (width<=760px){.brand .muted,.brand b{display:none}#topbar{gap:6px;padding:5px 6px}.mobile-only{display:inline-block}#main{flex-direction:column}#tools{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;width:100%;height:50px;overflow-x:auto}#tools .opt{width:auto}#panel{z-index:30;border-left:0;border-top:1px solid var(--line);border-radius:12px 12px 0 0;width:100%;height:58vh;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}#panel.open{transform:none}#minimap{width:144px;height:81px;bottom:6px;right:6px}#status{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 170px);font-size:11px;overflow:hidden}}