:root{color-scheme:dark;--bg: #0c0e12;--panel: #14181f;--line: #2a3140;--text: #e8edf5;--muted: #8b95a8;--accent: #2dd4bf;--accent-dim: #0f766e;--danger: #f87171;--radius: 0;--font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45}#app{min-height:100%;height:100%}.shell{min-height:100%;height:100%;display:flex;flex-direction:column}.top{padding:16px 20px 8px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--accent);font-weight:600}.brand-name{font-weight:600;font-size:18px}.tagline{margin:6px 0 0;color:var(--muted);font-size:13px}.pick-layout{flex:1;display:grid;grid-template-columns:minmax(280px,360px) 1fr;min-height:0}.pick-side{padding:16px 18px 24px;border-right:1px solid var(--line);background:var(--panel);overflow:auto;display:flex;flex-direction:column;gap:10px}.map-wrap{min-height:320px;position:relative}.map{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1f2a}.lbl{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:6px}.input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:var(--radius);font:inherit}.input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.search-wrap{position:relative}.search-wrap .input{width:100%}.ac-panel{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:240px;box-shadow:0 12px 32px #00000073;background:var(--panel)}.ac-status{font-size:12px;min-height:1.2em;margin:0}.hit-active{background:#1c3030!important;border-left:2px solid var(--accent)}.btn{border:1px solid var(--line);background:#1c2230;color:var(--text);padding:10px 14px;font:inherit;cursor:pointer;border-radius:var(--radius)}.btn:hover:not(:disabled){border-color:var(--accent-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#042f2e;font-weight:600;width:100%;margin-top:8px}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:13px;width:auto}.hits{list-style:none;margin:0;padding:0;border:1px solid var(--line);max-height:180px;overflow:auto}.hit{padding:8px 10px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}.hit:hover,.hit:focus{background:#1c2433;outline:none}.hit.bad{color:var(--danger);cursor:default}.radius-box{border:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.radius-free{display:flex;align-items:center;gap:10px;font-size:15px}.pill{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#042f2e;background:var(--accent);padding:2px 8px}.radius-note{font-size:12px;margin:0}.radius-lock{width:100%;opacity:.85;cursor:pointer}.radius-row{display:flex;align-items:center;gap:10px}.radius-row input{flex:1}.muted{color:var(--muted)}.sm{font-size:12px}.sel-label{font-size:13px;min-height:2.6em}.hint{font-size:12px;color:var(--muted);margin:0}.recent ul{list-style:none;margin:6px 0 0;padding:0}.linkish{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;text-align:left;padding:4px 0}.loading-shell{align-items:center;justify-content:center;padding:24px}.loading-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);padding:28px 24px}.loading-card h1{margin:10px 0 6px;font-size:22px;font-weight:600}.loading-card .place{color:var(--muted);font-size:14px;margin:0 0 18px}.bar{height:4px;background:var(--line);margin-bottom:12px}.bar-fill{height:100%;width:10%;background:var(--accent);transition:width .35s ease}.bar-fill.bad{background:var(--danger)}.status{margin:0;font-size:13px}.err{color:var(--danger);font-size:13px;margin-top:12px}.play-shell{position:relative;background:#000}.play-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(to bottom,rgba(8,10,14,.85),transparent);pointer-events:none}.play-top .brand,.play-actions{pointer-events:auto}.play-actions{display:flex;gap:8px}.truncate{max-width:min(48vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.play-canvas{display:block;width:100%;height:100%}.play-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;z-index:4;font-size:12px;color:#ffffffbf;background:#00000073;padding:6px 10px;pointer-events:none}.chat{position:absolute;right:12px;bottom:12px;width:min(360px,calc(100% - 24px));max-height:min(48vh,420px);display:flex;flex-direction:column;background:#14181ff5;border:1px solid var(--line);z-index:6}.chat-head{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.icon-x{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;line-height:1}.chat-log{flex:1;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px;min-height:120px}.bubble{max-width:92%;padding:8px 10px;font-size:13px;border:1px solid var(--line)}.bubble.user{align-self:flex-end;background:#1a3030;border-color:var(--accent-dim)}.bubble.assistant{align-self:flex-start;background:#1a1f2a}.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.chat-form .input{flex:1}@media(max-width:800px){.pick-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pick-side{border-right:none;border-bottom:1px solid var(--line);max-height:46vh}.map-wrap{min-height:50vh}.chat{left:12px;right:12px;width:auto}}