:root{color:#7dffa9;font-synthesis:none;background:#000;font-family:ui-monospace,SFMono-Regular,Roboto Mono,Consolas,monospace}*{box-sizing:border-box}html,body,#display-shell{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-height:100dvh}#display-shell{position:relative}#display-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}#system-surface{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 45%,#27ff8014,#0000 38%),linear-gradient(#50ff8c05 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#50ff8c05 1px,#0000 1px) 0 0/30px 30px,#020504;grid-template-rows:1fr auto 1fr;place-items:center;transition:opacity .28s;display:grid;position:absolute;inset:0}#display-shell[data-state=playing] #system-surface{opacity:0;pointer-events:none}.brand{text-align:center;text-shadow:0 0 20px #4bff8840;align-self:end;gap:8px;margin-bottom:16px;display:grid}.brand span{letter-spacing:.28em;padding-left:.28em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(26px,8vw,54px);font-weight:700}.brand strong{color:#7dffa994;letter-spacing:.4em;padding-left:.4em;font-size:clamp(11px,3vw,17px);font-weight:400}.console{border-block:1px solid #7dffa92e;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:14px;width:min(680px,90vw);padding:20px 0;display:grid}.console>div{gap:7px;min-width:0;display:grid}.console strong,.console small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.console strong{letter-spacing:.12em;font-size:clamp(12px,3.5vw,18px)}.console small,footer{color:#7dffa98c;letter-spacing:.13em;font-size:clamp(9px,2.5vw,12px)}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 14px}#display-shell[data-state=failed]{color:#ff4968}#pairing-form{align-self:start;width:min(680px,90vw);margin-top:22px}#pairing-form label{color:#7dffa985;letter-spacing:.18em;margin-bottom:8px;font-size:10px;display:block}.pairing-row{grid-template-columns:1fr auto;gap:10px;display:grid}input,button{color:#9effbd;min-height:44px;font:inherit;letter-spacing:.12em;background:#020c07e0;border:1px solid #7dffa952;border-radius:2px}input{text-transform:uppercase;min-width:0;padding:0 12px}button{padding:0 17px}footer{justify-content:space-between;align-self:end;gap:16px;width:min(680px,90vw);display:flex}footer i{font-style:normal}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (orientation:portrait){#system-surface{grid-template-rows:1fr auto 1.25fr}}@media (prefers-reduced-motion:reduce){#system-surface{transition:none}.status-dot{animation:none}}