:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark}body{margin:0;background:#111418;color:#d0d6e0}#root{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr;height:100vh}.sw-stage{background:#0b0e12;border-right:1px solid #1e232c;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.sw-stage canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:100%;width:auto;height:auto}.sw-hud{padding:12px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sw-hud h2{margin:0;font-size:14px;color:#8b94a7;text-transform:uppercase;letter-spacing:.05em}.sw-hud .card{background:#161a20;border:1px solid #242a33;border-radius:6px;padding:10px 12px}.sw-event-log{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11px;max-height:240px;overflow-y:auto}.sw-event-log .row{padding:2px 0;border-bottom:1px solid #1e232c;display:flex;gap:8px}.sw-event-log .type{color:#8fa8ff;white-space:nowrap}.sw-event-log .payload{color:#a7b0c0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-status-ok{color:#67d16a}.sw-status-fail{color:#e06c6c}.sw-logout{position:fixed;top:8px;right:8px;font-family:VT323,Courier New,monospace;font-size:14px;padding:4px 10px;color:#d4a54a;background:#1b140d;border:1px solid #5a4226;cursor:pointer;letter-spacing:1px;z-index:100}.sw-logout:hover{background:#2a1f15;color:#e8d8b7}:root{--sw-login-bg: #1b140d;--sw-login-bg-grain: #241a11;--sw-login-panel: #2a1f15;--sw-login-panel-light: #3a2c1e;--sw-login-border-dark: #0d0804;--sw-login-border-light: #5a4226;--sw-login-text: #e8d8b7;--sw-login-text-dim: #a99373;--sw-login-accent: #d4a54a;--sw-login-accent-dark: #8a6a28;--sw-login-error: #d66c4a;--sw-login-ok: #7fa65a}.sw-login-root{position:fixed;inset:0;background:repeating-linear-gradient(0deg,var(--sw-login-bg) 0 2px,var(--sw-login-bg-grain) 2px 4px);display:grid;place-items:center;font-family:VT323,Courier New,monospace;color:var(--sw-login-text);image-rendering:pixelated;z-index:10}.sw-login-panel{width:360px;padding:24px 28px 28px;background:var(--sw-login-panel);box-shadow:0 0 0 4px var(--sw-login-border-dark),0 0 0 6px var(--sw-login-border-light),0 0 0 10px var(--sw-login-border-dark),inset 0 0 0 2px var(--sw-login-border-dark);image-rendering:pixelated}.sw-login-title{font-family:"Press Start 2P",VT323,monospace;font-size:16px;line-height:1.4;color:var(--sw-login-accent);text-align:center;letter-spacing:2px;margin:0 0 4px;text-shadow:2px 2px 0 var(--sw-login-border-dark),-1px -1px 0 var(--sw-login-accent-dark)}.sw-login-subtitle{font-size:18px;text-align:center;color:var(--sw-login-text-dim);margin:0 0 24px;letter-spacing:1px}.sw-login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sw-login-label{font-family:"Press Start 2P",VT323,monospace;font-size:9px;letter-spacing:1px;color:var(--sw-login-accent);text-transform:uppercase}.sw-login-input,.sw-login-select{font-family:VT323,Courier New,monospace;font-size:20px;background:var(--sw-login-border-dark);color:var(--sw-login-text);border:none;box-shadow:0 0 0 2px var(--sw-login-border-light),inset 2px 2px #000,inset -2px -2px 0 0 var(--sw-login-panel-light);padding:6px 10px;outline:none;caret-color:var(--sw-login-accent);letter-spacing:1px;border-radius:0}.sw-login-input:focus,.sw-login-select:focus{box-shadow:0 0 0 2px var(--sw-login-accent),inset 2px 2px #000,inset -2px -2px 0 0 var(--sw-login-panel-light)}.sw-login-select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--sw-login-accent) 50%),linear-gradient(-45deg,transparent 50%,var(--sw-login-accent) 50%);background-position:calc(100% - 16px) 50%,calc(100% - 10px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:28px}.sw-login-button{width:100%;margin-top:8px;padding:12px 16px;font-family:"Press Start 2P",VT323,monospace;font-size:11px;letter-spacing:2px;color:var(--sw-login-border-dark);background:var(--sw-login-accent);border:none;cursor:pointer;box-shadow:0 0 0 2px var(--sw-login-border-dark),inset -3px -3px 0 0 var(--sw-login-accent-dark),inset 3px 3px #f0d072;border-radius:0;text-transform:uppercase;transition:transform 60ms steps(1)}.sw-login-button:hover:not(:disabled){background:#e0b456}.sw-login-button:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 0 2px var(--sw-login-border-dark),inset 3px 3px 0 0 var(--sw-login-accent-dark),inset -3px -3px #f0d072}.sw-login-button:disabled{opacity:.5;cursor:not-allowed}.sw-login-error{margin:-8px 0 12px;padding:8px 10px;font-size:16px;color:var(--sw-login-error);background:var(--sw-login-border-dark);box-shadow:0 0 0 2px var(--sw-login-error);letter-spacing:1px}.sw-login-footer{margin-top:20px;text-align:center;font-size:14px;color:var(--sw-login-text-dim);letter-spacing:1px}.sw-login-footer .sw-login-footer-sep{color:var(--sw-login-border-light);margin:0 6px}