:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0b0f16;color:#e8edf5}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;height:100%}body{overflow:hidden;background:radial-gradient(circle at top,rgba(74,122,204,.2),transparent 40%),linear-gradient(180deg,#101824,#0a0f16 65%,#080b10)}#app{position:relative}#scene{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:16px;left:16px;z-index:1;display:grid;gap:10px;min-width:min(520px,calc(100vw - 32px));padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#080c12d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud__title{font-size:1.05rem;font-weight:700}.hud__banner{min-height:42px;padding:10px 12px;border-radius:6px;background:#5fb0ff24;border:1px solid rgba(95,176,255,.24);color:#f3f7ff;font-weight:600}.hud__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hud__row span,.hud__row button{min-height:34px;padding:8px 12px;border-radius:6px;background:#ffffff0f}.hud__row button{border:1px solid rgba(255,255,255,.12);color:inherit;cursor:pointer}.hud__row button:hover{background:#ffffff1f}.hud__row button:disabled{cursor:default;opacity:.55;background:#ffffff0d}.hud__row--health{gap:8px}.health-pill{display:inline-flex;align-items:center;gap:8px;min-width:140px}.health-pill--active{outline:1px solid rgba(95,176,255,.75);background:#5fb0ff1f}.health-pill__swatch{width:12px;height:12px;border-radius:999px}.hud__hint{color:#e8edf5b8;font-size:.92rem}.stage-panel{position:absolute;right:16px;top:16px;z-index:2;width:min(420px,calc(100vw - 32px));display:grid;gap:14px;padding:18px;background:#080c12e6;border:1px solid rgba(255,255,255,.12);border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stage-panel--hidden{display:none}.stage-panel__eyebrow{color:#5fb0ffe0;font-size:.82rem;font-weight:700;text-transform:uppercase}.stage-panel__title{margin:0;font-size:1.6rem;line-height:1.1}.stage-panel__copy{margin:0;color:#e8edf5c7}.stage-panel__slots{display:grid;gap:10px}.stage-panel__slot{display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d}.stage-panel__slot--local{border-color:#5fb0ff73;background:#5fb0ff1a}.stage-panel__slot--ready{border-color:#70d68b73}.stage-panel__slot-head,.stage-panel__slot-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.stage-panel__slot-title{font-weight:700}.stage-panel__badge{padding:6px 10px;border-radius:999px;background:#ffffff14;font-size:.82rem;font-weight:700}.stage-panel__badge--ready{background:#70d68b29;color:#bff0c9}.stage-panel__badge--waiting{background:#ffcd7829;color:#ffdca0}.stage-panel__slot-copy{color:#e8edf5c7}.stage-panel__footer{display:flex;flex-wrap:wrap;gap:12px;color:#e8edf5b3;font-size:.92rem}.transition-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#060a1061;pointer-events:none}.transition-overlay--hidden{display:none}.transition-overlay__label,.transition-overlay__countdown{text-align:center;text-shadow:0 8px 30px rgba(0,0,0,.45)}.transition-overlay__label{margin-bottom:12px;color:#e8edf5c7;font-size:1rem;font-weight:700;text-transform:uppercase}.transition-overlay__countdown{font-size:clamp(2rem,6vw,4.5rem);font-weight:800;color:#f6f9ff}@media(max-width:720px){.hud{min-width:calc(100vw - 24px);top:12px;left:12px;right:12px;padding:12px}.stage-panel{inset:auto 12px 12px;width:auto}}