:root{--ink: #14121f;--ink-soft: #241f36;--panel: rgba(20, 17, 33, .88);--line: #4a4266;--cream: #f8eede;--cream-dim: #c6b8a4;--accent: #ffcf6b;--accent-2: #8fd3e8;--green: #a8d47a;--shadow: rgba(8, 6, 16, .55);--mono: ui-monospace, "DejaVu Sans Mono", "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#171526;color:var(--cream);font-family:var(--mono);-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#2b2740,#171526 70%)}#view{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:grab;box-shadow:0 24px 80px #0000008c;touch-action:none}#view:active{cursor:grabbing}#titlebar{position:fixed;top:18px;left:20px;pointer-events:none;text-shadow:0 2px 0 rgba(20,18,31,.55);z-index:5}#titlebar h1{margin:0;font-size:15px;letter-spacing:.32em;font-weight:700;color:var(--cream)}#titlebar p{margin:5px 0 0;font-size:9.5px;letter-spacing:.18em;color:var(--cream-dim);text-transform:uppercase}#hint{position:fixed;left:20px;bottom:16px;font-size:9.5px;letter-spacing:.14em;color:var(--cream-dim);text-transform:uppercase;pointer-events:none;z-index:5;opacity:.85}#hint kbd{font-family:var(--mono);font-size:9px;padding:1px 4px;border:1px solid var(--line);border-bottom-width:2px;color:var(--cream);background:#14112199}#panel{position:fixed;top:18px;right:18px;width:268px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 2px #0a08128c,0 18px 50px #00000073;backdrop-filter:blur(6px);z-index:10;transition:transform .18s steps(3),opacity .18s steps(3)}#panel.collapsed{transform:translate(calc(100% + 24px)) scale(.96);opacity:0;pointer-events:none}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:linear-gradient(180deg,#2c2742,#221d33);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.26em;color:var(--cream)}.panel-head button{width:20px;height:20px;padding:0;line-height:1;font-size:13px;color:var(--cream);background:#37304f;border:1px solid var(--line);cursor:pointer}.panel-head button:hover{background:#463d63}.panel-body{padding:12px 12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}section{display:flex;flex-direction:column;gap:6px}.row{display:flex;gap:6px}.rowbetween{display:flex;align-items:baseline;justify-content:space-between}.lbl{font-size:9px;letter-spacing:.2em;color:var(--cream-dim)}output{font-size:10px;letter-spacing:.08em;color:var(--accent)}input[type=text]{flex:1;min-width:0;padding:6px 8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--cream);background:#1b1729;border:1px solid var(--line);border-bottom-width:2px;outline:none}input[type=text]:focus{border-color:var(--accent-2)}.iconbtn{width:30px;flex:none;font-size:14px;color:var(--ink);background:var(--accent);border:1px solid #b98f3e;border-bottom-width:3px;cursor:pointer}.iconbtn:hover{background:#ffdb8d}.iconbtn:active{transform:translateY(1px);border-bottom-width:1px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:5px;background:#171326;border:1px solid var(--line)}input[type=range]::-moz-range-track{height:5px;background:#171326;border:1px solid var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:14px;margin-top:-5px;background:var(--accent);border:1px solid #b98f3e;border-bottom-width:3px;border-radius:0}input[type=range]::-moz-range-thumb{width:9px;height:13px;background:var(--accent);border:1px solid #b98f3e;border-bottom-width:3px;border-radius:0}.hint{font-size:8.5px;letter-spacing:.12em;color:#8f82a0;text-transform:uppercase}.worldtabs{display:grid;grid-template-columns:1fr;gap:4px}.wtab{padding:6px 8px;text-align:left;font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;color:var(--cream-dim);background:#221d33;border:1px solid var(--line);border-left-width:4px;cursor:pointer}.wtab:hover{background:#2d2742;color:var(--cream)}.wtab.on{color:#241a0c;background:var(--accent-2);border-color:#4d8ea1;border-left-color:#2d6b7d;font-weight:700}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:5px}.toggle{padding:7px 4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;color:var(--cream-dim);background:#221d33;border:1px solid var(--line);border-bottom-width:3px;cursor:pointer;transition:background 90ms steps(2),color 90ms steps(2)}.toggle:hover{background:#2d2742;color:var(--cream)}.toggle.on{color:#2a1f10;background:var(--accent);border-color:#b98f3e}.toggle:active{transform:translateY(1px);border-bottom-width:1px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;padding-top:4px;border-top:1px solid #2f2944}.stats div{display:flex;align-items:baseline;justify-content:space-between;font-size:8.5px;letter-spacing:.14em;color:#8f82a0}.stats b{font-weight:500;font-size:9.5px;color:var(--green);letter-spacing:.04em}#graph{grid-column:1 / -1;width:100%;height:36px;margin-top:4px;background:#15111f;border:1px solid #2f2944;image-rendering:pixelated}.foot{font-size:8px;letter-spacing:.14em;color:#6a5f7c;text-transform:uppercase;border-top:1px solid #2f2944;padding-top:8px}#loading{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#262136,#121019 75%);transition:opacity .32s steps(4)}#loading.hidden{opacity:0;pointer-events:none}#loading.compact{background:transparent;pointer-events:none;align-items:flex-end;padding-bottom:26px}#loading.compact .load-inner{width:auto;min-width:300px;max-width:420px;padding:12px 16px 11px;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 2px #0a08128c,0 14px 40px #00000073}#loading.compact .load-title{font-size:10px;letter-spacing:.3em;margin-bottom:9px}.load-inner{width:min(420px,82vw);text-align:center}.load-title{font-size:13px;letter-spacing:.4em;color:var(--cream);margin-bottom:14px;text-shadow:0 2px 0 #000}.load-track{height:10px;background:#0d0b15;border:1px solid var(--line);padding:2px}#load-bar{height:100%;width:2%;background:repeating-linear-gradient(90deg,var(--accent) 0 6px,#e8b455 6px 8px);transition:width .12s steps(6)}.load-msg{margin-top:10px;font-size:9px;letter-spacing:.18em;color:var(--cream-dim);text-transform:uppercase;min-height:12px}@media(max-width:720px){#panel{width:232px;top:12px;right:12px}#titlebar{top:12px;left:12px}#titlebar h1{font-size:12px;letter-spacing:.22em}#titlebar p,#hint{display:none}}