:root{--bg: #050608;--text: #e6edf3;--muted: #6b7484;--accent: #5fd4ff;--sans: ui-sans-serif, system-ui, -apple-system, Inter, sans-serif;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:block;outline:none;touch-action:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;opacity:1;transition:opacity 1.1s ease}.stage.gone{opacity:0;pointer-events:none}.caption{position:fixed;left:0;right:0;bottom:9%;z-index:11;text-align:center;font-family:var(--mono);font-size:.85rem;letter-spacing:.08em;color:color-mix(in srgb,var(--accent) 85%,white);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent);pointer-events:none}.hint{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:13;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,#0008);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:color-mix(in srgb,var(--accent) 90%,white);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;pointer-events:none;transition:opacity .7s ease}.hint.gone{opacity:0}.harness{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.harness-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity .28s ease}.harness.open{pointer-events:auto}.harness.open .harness-scrim{opacity:1}.harness-panel{position:absolute;top:0;right:0;height:100%;width:min(320px,82vw);padding:max(20px,env(safe-area-inset-top)) 20px 20px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:-24px 0 60px #000a;transform:translate(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}.harness.open .harness-panel{transform:translate(0)}.harness-panel header{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.harness-panel .h-title{font-weight:600;letter-spacing:.02em}.harness-panel .h-world{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.harness-items{display:flex;flex-direction:column;gap:8px}.h-item{text-align:left;padding:11px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text);font:inherit;font-size:.92rem;cursor:pointer;transition:background .16s ease}.h-item:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.harness-panel footer{margin-top:auto;color:var(--muted);font-family:var(--mono);font-size:.7rem}.harness-panel kbd{font-family:var(--mono);border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:4px;padding:1px 5px}.error{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:1rem;text-align:center;padding:2rem;background:var(--bg)}.error .msg{font-size:1.1rem}.error a{color:var(--accent);font-family:var(--mono);font-size:.85rem;text-decoration:none}