:root{--field:#0B0B0A;--plate:#151513;--bone:#FFF4D3;--sand:#EEDCAA;--housing:#867E65;--signal:#FC4A02;--guide:#00BFFF;--lock:#17FF0D;--rule:rgba(238,220,170,.14);--slide:cubic-bezier(.2,0,0,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--field);color:var(--bone);font:13px/1.4 Inter Tight,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.id{font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:.04em}#vp{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}#vp.panning{cursor:grabbing}#dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}#ghost{position:absolute;outline:1px dashed var(--guide);pointer-events:none;display:none}.wsl{position:absolute;font:700 120px/1 Chakra Petch;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transform:translate(-100%);padding-right:80px;pointer-events:none}.wsl small{display:block;font:400 32px/1.6 Space Mono;color:var(--housing);letter-spacing:.1em}.win{position:absolute;background:var(--plate);outline:1px solid var(--rule);display:flex;flex-direction:column;transition:left .42s var(--slide),top .42s var(--slide)}.win.failed{outline:1px solid var(--signal)}.win .tb{height:28px;flex:none;display:flex;align-items:center;gap:9px;padding:0 6px 0 10px;border-bottom:1px solid var(--rule)}.win .tb .id{font-size:13px}.win .tb .sp{flex:1}.win .tb .ctl{display:flex;gap:1px;opacity:0;transition:opacity .15s}.win:hover .tb .ctl{opacity:1}.win .tb .ctl button{height:20px;min-width:22px;padding:0 5px;color:var(--housing);font:10px Space Mono;letter-spacing:.06em}.win .tb .ctl button:hover{color:var(--bone)}.win .tb .ctl button.arm{color:var(--signal)}.dot{width:7px;height:7px;flex:none;display:inline-block}.dot.live{background:var(--lock)}.dot.starting{outline:1px solid var(--sand)}.dot.stopped{outline:1px solid var(--housing)}.dot.failed{background:var(--signal)}@media(prefers-reduced-motion:no-preference){.dot.starting{animation:blink 1s steps(1) infinite}}@keyframes blink{50%{opacity:.2}}.win .body{position:relative;flex:1;overflow:hidden;background:#000}.win iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.win .face,.win .state{position:absolute;top:0;right:0;bottom:0;left:0}.win .state{display:grid;place-items:center;background:var(--plate);font:11px Space Mono;letter-spacing:.08em;text-transform:uppercase;color:var(--housing)}.win .state .ring{width:64px;height:64px}@media(prefers-reduced-motion:no-preference){.win .state .ring{animation:spin 1.2s steps(12) infinite}}@keyframes spin{to{transform:rotate(360deg)}}.win .face{display:grid;place-items:center;background:var(--plate);pointer-events:none;background-image:repeating-linear-gradient(-45deg,rgba(134,126,101,.14) 0 1px,transparent 1px 14px)}.face .inner{display:flex;flex-direction:column;align-items:center;gap:26px}.face svg{width:180px;height:180px}.face .id{font-size:96px;line-height:1}.face .st{font:400 34px Space Mono;letter-spacing:.12em;text-transform:uppercase;color:var(--sand)}.face .st.failed{color:var(--signal)}.shield{position:absolute;top:0;right:0;bottom:0;left:0}#lock{position:fixed;pointer-events:none;opacity:0;transition:opacity .2s}#lock i{position:absolute;width:22px;height:22px;border:2px solid var(--lock)}#lock i:nth-child(1){left:-1px;top:-1px;border-right:0;border-bottom:0}#lock i:nth-child(2){right:-1px;top:-1px;border-left:0;border-bottom:0}#lock i:nth-child(3){left:-1px;bottom:-1px;border-right:0;border-top:0}#lock i:nth-child(4){right:-1px;bottom:-1px;border-left:0;border-top:0}.glass{background:#0f0f0ea8;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);outline:1px solid rgba(255,244,211,.09)}@media(prefers-reduced-transparency:reduce){.glass{background:#0f0f0e;-webkit-backdrop-filter:none;backdrop-filter:none}}#mark{position:fixed;left:14px;top:14px;height:32px;display:flex;align-items:center;gap:8px;padding:0 11px 0 8px;z-index:10}#mark svg{width:16px;height:16px}#mark .id{font-size:13px}#meter{position:fixed;right:54px;top:14px;height:32px;display:flex;align-items:center;gap:12px;padding:0 11px;z-index:10;font:21px VT323;letter-spacing:.04em}#meter span{display:flex;align-items:center;gap:6px}#meter small{font:10px Space Mono;color:var(--housing);letter-spacing:.08em}#menuBtn{position:fixed;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;z-index:12}#menuBtn:hover{background:#fff4d312}#menuBtn i,#menuBtn i:before,#menuBtn i:after{display:block;width:13px;height:1.5px;background:var(--bone);position:relative;transition:transform .3s var(--slide),background .2s}#menuBtn i:before,#menuBtn i:after{content:"";position:absolute;left:0}#menuBtn i:before{top:-4.5px}#menuBtn i:after{top:4.5px}body.menu #menuBtn i{background:transparent}body.menu #menuBtn i:before{transform:translateY(4.5px) rotate(45deg)}body.menu #menuBtn i:after{transform:translateY(-4.5px) rotate(-45deg)}#sheet{position:fixed;top:54px;right:14px;bottom:14px;width:300px;z-index:11;display:flex;flex-direction:column;background:#0d0d0ceb!important;transform:translate(calc(100% + 20px));opacity:0;transition:transform .42s var(--slide),opacity .2s;pointer-events:none}body.menu #sheet{transform:none;opacity:1;pointer-events:auto}#sheet .sec{padding:13px 15px;border-bottom:1px solid var(--rule)}#sheet h5{font:10px Space Mono;letter-spacing:.1em;color:var(--housing);text-transform:uppercase;margin-bottom:8px}#sheet .row{display:flex;align-items:center;justify-content:space-between;height:30px}#sheet .row .v{font:11px Space Mono;letter-spacing:.06em;color:var(--sand)}.tog{width:28px;height:15px;outline:1px solid var(--housing);position:relative;cursor:pointer}.tog:after{content:"";position:absolute;top:3px;left:3px;width:9px;height:9px;background:var(--housing);transition:transform .25s var(--slide),background .2s}.tog.on{outline-color:var(--lock)}.tog.on:after{transform:translate(13px);background:var(--lock)}#sheet input[type=range]{width:110px;accent-color:var(--sand)}#sheet .keys{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12px;color:var(--sand)}#sheet .keys b{font:10px Space Mono;color:var(--bone);letter-spacing:.06em;padding:2px 5px;outline:1px solid var(--rule);justify-self:start}#sheet .foot{margin-top:auto;padding:11px 15px;font:10px Space Mono;letter-spacing:.08em;color:var(--housing);display:flex;justify-content:space-between}#conn.ok{color:var(--lock)}#mark,#meter,#zoom,#menuBtn{transition:opacity .25s,transform .35s var(--slide)}body.immersed #mark,body.immersed #meter,body.immersed #menuBtn{opacity:0;transform:translateY(-12px);pointer-events:none}body.immersed #zoom{opacity:0;transform:translateY(12px);pointer-events:none}#zoom{position:fixed;left:14px;bottom:14px;height:32px;display:flex;align-items:center;z-index:10;font:10px Space Mono;letter-spacing:.08em;color:var(--sand)}#zoom button{height:32px;padding:0 10px;text-transform:uppercase}#zoom button:hover{color:var(--bone)}#zoom .z{padding:0 8px;color:var(--housing);min-width:52px;text-align:center}#pal{position:fixed;z-index:30;width:400px;display:none;flex-direction:column;background:#0d0d0ce6!important}#pal.on{display:flex}@media(prefers-reduced-motion:no-preference){#pal.on{animation:pin .18s var(--slide)}}@keyframes pin{0%{opacity:0;transform:scale(.97)}}#pal input{height:44px;padding:0 14px;background:transparent;border:0;outline:0;color:var(--bone);font:500 16px Inter Tight;border-bottom:1px solid var(--rule)}#pal input::placeholder{color:var(--housing)}#pal .list{max-height:340px;overflow:auto;padding:4px}#pal .it{display:flex;align-items:center;gap:11px;height:38px;padding:0 10px;cursor:pointer}#pal .it svg{width:20px;height:20px;flex:none}#pal .it .n{font:500 14px Inter Tight}#pal .it .d{margin-left:auto;font:10px Space Mono;letter-spacing:.06em;color:var(--housing);text-transform:uppercase}#pal .it.sel{background:#fff4d314}#pal .it.sel .d{color:var(--sand)}#pal .it.off{opacity:.35}#pal .grp{font:10px Space Mono;letter-spacing:.1em;color:var(--housing);padding:8px 10px 4px;text-transform:uppercase}#toast{position:fixed;right:14px;bottom:14px;z-index:10;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.note{display:flex;align-items:center;gap:10px;height:36px;padding:0 5px 0 12px;outline:1px solid var(--signal);cursor:pointer}.note .k{font:10px Space Mono;letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}.note .go{width:26px;height:26px;display:grid;place-items:center;background:var(--signal);color:var(--field);font-weight:700}#login{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;display:none;align-items:center;gap:10px;padding:8px 8px 8px 12px}body.locked #login{display:flex}body.locked #vp,body.locked #mark,body.locked #meter,body.locked #zoom,body.locked #menuBtn{display:none}#login svg{width:18px;height:18px}#login input{width:220px;height:34px;background:transparent;border:0;outline:0;color:var(--bone);font:500 15px Inter Tight}#login.bad{outline-color:var(--signal)}