:root{--bg: #0b0e14;--panel: rgba(18, 23, 33, .9);--edge: rgba(148, 170, 210, .16);--ink: #e8ecf5;--ink-dim: rgba(190, 202, 224, .62);--warn: #ffb08a;--accent: #ffd166;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none}.app{position:relative;height:100%;overflow:hidden}.world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.world:active{cursor:grabbing}.chrome{position:absolute;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--edge);border-radius:10px;z-index:2}.topbar{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;pointer-events:none}.brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.01em}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.totals{color:var(--ink-dim);font-variant-numeric:tabular-nums}.totals b{color:var(--ink);font-weight:600}.totals b.warn{color:var(--warn)}.centred{top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 20px;display:grid;gap:4px;justify-items:center;color:var(--ink-dim)}.error b{color:var(--warn)}.hint{font-size:12px;opacity:.7}.zonecard{left:12px;top:62px;width:292px;max-height:calc(100% - 130px);overflow:auto;padding:14px}.zonecard h1{margin:0 0 10px;font-size:16px;display:flex;align-items:center;gap:8px}.tag{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);border:1px solid var(--edge);border-radius:4px;padding:1px 5px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}dt{color:var(--ink-dim)}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chip{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:baseline;border:1px solid rgba(0,0,0,.35)}h2{margin:16px 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-dim);display:flex;align-items:baseline;gap:8px}.src{font-weight:400;text-transform:none;letter-spacing:0;opacity:.7;font-size:10px}.roles{list-style:none;margin:0;padding:0;display:grid;gap:5px}.roles li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:1px 8px;padding-bottom:3px}.roles .chip{grid-row:1}.roles>li>span{grid-row:1}.roles b{grid-row:1;grid-column:3;font-variant-numeric:tabular-nums}.roles em{grid-row:2;grid-column:2 / 4;font-style:normal;font-size:11px;color:var(--ink-dim);opacity:.8}.note{margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--ink-dim)}.warnnote{color:var(--warn)}.tooltip{padding:6px 9px;transform:translate(-50%,-140%);pointer-events:none;display:grid;gap:1px;white-space:nowrap}.tooltip span{color:var(--ink-dim);font-size:11px}.botpanel{right:12px;top:62px;width:320px;max-height:calc(100% - 130px);overflow:auto;padding:14px}.botpanel h1{margin:6px 0 4px;font-size:15px;word-break:break-word}.close{position:absolute;top:8px;right:8px;background:none;border:0;color:var(--ink-dim);font-size:18px;line-height:1;cursor:pointer;padding:4px}.state{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;border-radius:4px;padding:2px 6px}.state.working{background:#7ed98c2e;color:#7ed98c}.state.idle{background:#b0bacc29;color:#b0bacc}.state.stranded{background:#ff8e7a2e;color:var(--warn)}.link{display:inline-block;margin-top:10px;color:var(--accent);text-decoration:none;font-size:12px}.link:hover{text-decoration:underline}.sessions{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sessions a{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:4px 6px;border-radius:5px;color:inherit;text-decoration:none;font-size:11.5px}.sessions a:hover{background:#ffffff0d}.num{color:var(--ink-dim);font-variant-numeric:tabular-nums}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dur{color:var(--ink-dim);font-variant-numeric:tabular-nums}.hintbar{bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:6px 12px;color:var(--ink-dim);font-size:11.5px;white-space:nowrap;pointer-events:none}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:2px}.zonecard{display:none}.botpanel{left:8px;right:8px;top:auto;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:52%}.hintbar{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ghost{background:none;border:1px solid var(--edge);border-radius:5px;color:var(--ink-dim);font:inherit;font-size:11px;padding:1px 7px;margin-left:10px;cursor:pointer;pointer-events:auto;font-variant-numeric:tabular-nums}.ghost:hover{color:var(--ink);border-color:#94aad259}.back{background:none;border:0;color:var(--ink-dim);font:inherit;font-size:11.5px;padding:0 0 8px;cursor:pointer}.back:hover{color:var(--ink)}.zonelist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:1px}.zonelist button{width:100%;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:baseline;gap:8px;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:4px 6px;border-radius:5px;cursor:pointer}.zonelist button:hover{background:#ffffff0d}.zonelist b{font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}.zonelist u{text-decoration:none;font-variant-numeric:tabular-nums;color:var(--warn);background:#ff8e7a24;border-radius:4px;padding:0 5px;font-size:11px}.hand{font-style:italic;color:var(--accent)}.cond{font-style:normal;font-size:10px;letter-spacing:.04em;opacity:.75}.cond.active{color:#7ed98c}.cond.idle{color:#b0bacc}.cond.dormant{color:#7c879b}.cond.hollow{color:#9b8a7c}.cond.plot{color:#6f7788}.proplist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.proplist li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;font-size:11.5px}.proplist em{font-style:normal;font-size:10.5px;color:var(--ink-dim);opacity:.75}.proplist b{font-variant-numeric:tabular-nums;min-width:2em;text-align:right}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#ffffff0f;border-radius:3px;padding:0 3px}.hintbar{display:flex;align-items:center;gap:12px}.scrubber{bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(560px,calc(100% - 24px));padding:9px 13px 8px;display:grid;gap:6px;pointer-events:auto}.srow{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px}.srow time{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.01em;min-width:5.6em}.play{min-width:2.2em}.srow input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer}.srow input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#94aad240}.srow input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#94aad240}.srow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--accent);border:0}.srow input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:0}.srow input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sinfo{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:11.5px;color:var(--ink-dim)}.sinfo b{color:var(--ink);font-variant-numeric:tabular-nums}.sinfo b.ok{color:#7ed98c}.sinfo b.warn{color:var(--warn)}.sinfo em{font-style:normal;opacity:.65;flex-basis:100%;font-size:10.5px}.showsmall{display:none}@media(max-width:720px){.hintbar{display:flex;bottom:max(8px,env(safe-area-inset-bottom))}.hidesmall{display:none}.showsmall{display:block}.scrubber{width:calc(100% - 16px);padding:8px 10px 7px}.scrubber time{font-size:11.5px;min-width:5.2em}}