@font-face{font-family:CorridorHUD;src:url("assets/hud.22a6148e44.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#c5c3a9;--dim:#898c77;--tap:clamp(16px,4.1vw,20px);--control-height:clamp(108px,30vw,158px)}
*{box-sizing:border-box}html{width:100%;height:100%;overflow:hidden;background:#090b09}body{position:fixed;left:var(--app-left,0px);top:var(--app-top,0px);width:var(--app-width,100%);height:100vh;height:100svh;height:var(--app-height,100dvh);min-height:0;margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#15191155,transparent 68%),#090b09;color:var(--ink);font-family:CorridorHUD,monospace;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer;-webkit-appearance:none;appearance:none;border:0;background:none;border-radius:0}button:focus-visible{outline:1px dashed #c5c3a980;outline-offset:-6px}button:disabled{cursor:default}button::-moz-focus-inner{border:0}
.terminal{width:100%;max-width:560px;height:100%;margin:0 auto;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);display:flex;flex-direction:column;isolation:isolate}
.screen{position:relative;flex:1 1 0;width:100%;min-height:0;background:#090b08;overflow:hidden}.screen canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.osd{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:clamp(11px,2.9vw,16px);line-height:1;letter-spacing:.035em;color:#c7c8af;opacity:.88;text-shadow:1px 1px #10140c,0 0 2px #c7c8af22;font-variant-numeric:tabular-nums;white-space:nowrap}.osd.top{top:3.3%}.osd.bottom{bottom:3.6%}.record{display:flex;align-items:center;gap:.45em}.record i{display:block;width:.65em;height:.65em;background:#9c4437;box-shadow:0 0 3px #a34b3525}.record i.off{background:#5f6751;box-shadow:none}
.controls{position:relative;flex:0 0 var(--control-height);height:var(--control-height);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:9%;padding:5px 9% 8px;isolation:isolate;background:#0b0d0b url("assets/control-atmosphere.a16caee836.webp") center center/cover no-repeat}
.controls::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#080b0866,transparent 35%,#05080633)}.controls::after{content:"";position:absolute;left:0;right:0;top:-16px;height:18px;pointer-events:none;background:linear-gradient(transparent,#0a0d0a44)}
.control{position:relative;display:grid;place-items:center;min-width:0;min-height:44px;padding:0 9px;line-height:1;font-size:var(--tap);font-weight:400;letter-spacing:.12em;white-space:nowrap;color:#c5c3a9;text-shadow:1px 0 #c5c3a914,0 0 5px #c5c3a90a;transition:color 100ms,background-color 100ms;user-select:none}
.control::before{content:"";position:absolute;width:76%;height:12px;bottom:11%;left:12%;border-left:1px solid #a5a58a55;border-bottom:1px solid #a5a58a55;mask-image:linear-gradient(to right,#000,transparent);-webkit-mask-image:linear-gradient(to right,#000,transparent);pointer-events:none}
.control::after{content:"";position:absolute;inset:7px 5%;opacity:0;background:radial-gradient(ellipse,#d0cdb912,transparent 72%);transition:opacity 100ms;pointer-events:none}.control:active:not(:disabled){color:#ede9ce;background-color:#c8c8b008}.control:active:not(:disabled)::after{opacity:1}.control:active:not(:disabled)::before{border-color:#dfdbc3aa}.control:disabled{color:#8b8e7766}.control:disabled::before{opacity:.4}.indicator{position:absolute;left:15%;top:calc(50% - 2px);width:3px;height:3px;background:#aab08a;opacity:0;box-shadow:0 0 6px 2px #a8ac7315}.indicator.on{opacity:.85}.control[aria-pressed=true]{color:#d2d2b9}
.signal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#080c0755;color:#c5c8ae;text-shadow:1px 1px #080b06;font-size:16px;line-height:1.4}.signal[hidden]{display:none}.signal:has(button[hidden]){background:#080c071a}.signal>span:empty{display:none}.signal button{font-size:18px;letter-spacing:.12em;min-width:108px;min-height:48px;border-bottom:1px solid #bcc0a969;border-left:1px solid #bcc0a969;background:#0a0f0877;padding:10px 18px}.signal button[hidden]{display:none}.signal button:active{background:#bcc0a91a}.feed-change{position:absolute;inset:0;background:#070a07;opacity:0;pointer-events:none;transition:opacity 160ms}.feed-change.on{opacity:1}.media-pool{position:fixed;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:.001;pointer-events:none}.media-pool video{position:absolute;inset:0;width:1px;height:1px}noscript{position:fixed;inset:45% 0 auto;text-align:center;background:#080b08}
@media(max-height:500px) and (orientation:landscape){:root{--control-height:100px}.terminal{width:min(100%,560px,calc((var(--app-height,100dvh) - 100px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*.8 + env(safe-area-inset-left,0px) + env(safe-area-inset-right,0px)))}.screen canvas{object-fit:contain}.controls{padding:0 5%}.control{font-size:16px}.control::before{bottom:8%}.osd{font-size:10px}}
@media(prefers-reduced-motion:reduce){.control,.feed-change{transition:none}}
.control.pending::before{border-color:#dfdbc399}.control.pending span{opacity:.65}