.xp-stage{position:relative;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:var(--bg)}.xp-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0}.xp-gl-root{outline:none}.xp-gl-root:focus-visible{outline:2px solid #9cff7b;outline-offset:-3px}.xp-hud{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:12vh var(--stage-inset-x) 16vh;pointer-events:none}.xp-hud>*{pointer-events:auto}.xp-eyebrow{position:absolute;top:var(--stage-inset-y);left:var(--stage-inset-x)}.xp-panel{max-width:44ch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4)}.xp-panel.xp-center{align-items:center;margin:0 auto}.xp-caption{font-size:var(--body-lg);color:var(--body);text-wrap:balance;max-width:32ch}.xp-go{font-size:clamp(22px,4vw,34px);letter-spacing:.3em;padding:0 0 6px;border-bottom-width:2px}.xp-marquee{margin:0 0 var(--sp-3);line-height:.95;text-wrap:balance;color:var(--display)}.xp-audio-slot{font-family:var(--font-mono),monospace;font-size:var(--label-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--tele);border:var(--hairline) dashed rgba(var(--rule),.4);padding:8px 12px}.xp-room{max-width:54ch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);background:#06080ee6;background:color-mix(in srgb,var(--bg) 92%,transparent);padding:var(--sp-5) var(--sp-5) var(--sp-6);max-height:calc(100svh - 28vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.xp-room .dm-body{max-width:52ch;text-wrap:balance}.xp-setlist{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--sp-3)}.xp-track{border-top:var(--hairline) solid rgba(var(--rule),.28);padding-top:var(--sp-3)}.xp-track-head{display:flex;align-items:baseline;gap:var(--sp-3)}.xp-track-no{font-family:var(--font-mono),monospace;font-size:var(--label-sm);letter-spacing:var(--track-tele);color:var(--eyebrow)}.xp-track-title{flex:1;font-size:var(--body-lg);color:var(--display)}.xp-track-state{font-family:var(--font-mono),monospace;font-size:var(--label-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--eyebrow)}.xp-track-body{margin-top:var(--sp-3)}.xp-track-teaser{margin:var(--sp-2) 0 0;color:var(--tele);font-size:var(--body-sm);max-width:46ch;text-wrap:balance}.xp-track.is-locked{opacity:.58}.xp-track.is-locked .xp-track-title{color:var(--body)}.xp-track.is-open .xp-track-state{color:var(--eyebrow)}.xp-more{font-family:var(--font-mono),monospace;font-size:var(--label-sm);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--eyebrow);margin-top:var(--sp-3)}.xp-room-copy{max-width:40ch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);background:#06080e80;background:color-mix(in srgb,var(--bg) 62%,transparent);padding:var(--sp-4) var(--sp-5) var(--sp-5);max-height:calc(100svh - 28vh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(max-width:820px){.xp-room-copy{max-height:calc(100svh - 32vh)}}.xp-room-copy .dm-lead{font-size:var(--h4, 1.3rem);color:var(--display);text-wrap:balance}.xp-room-copy .dm-body{text-wrap:balance}.xp-enter{margin-top:var(--sp-3)}.xp-controls{position:absolute;top:var(--stage-inset-y);right:var(--stage-inset-x);z-index:3;display:flex;gap:var(--sp-4);align-items:baseline}.xp-skip{font-size:var(--label-md)}.xp-rm{font-family:var(--font-mono),monospace;font-size:var(--label-sm);letter-spacing:var(--track-tele);color:var(--tele)}.xp-tele{position:absolute;left:var(--stage-inset-x);bottom:var(--stage-inset-y);width:auto;margin-top:0;text-align:left;z-index:3}.xp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:820px){.xp-hud{padding:max(12vh,calc(var(--stage-inset-y) + 4.2rem)) 6vw 16vh;align-items:center;text-align:center;justify-content:flex-start}.xp-panel,.xp-room{align-items:center;text-align:center;margin:0 auto}.xp-caption{max-width:26ch}.xp-room{max-height:calc(100svh - 32vh)}.xp-eyebrow{white-space:nowrap}.xp-controls{top:calc(var(--stage-inset-y) + 1.9rem)}}.xp-gl-bodytag{position:fixed;transform:translate(-50%,-100%);pointer-events:none;z-index:40;font:600 15px/1.2 var(--dm-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);letter-spacing:.04em;color:#fff6e2;text-shadow:0 0 14px rgba(255,196,120,.75),0 1px 2px rgba(0,0,0,.9);white-space:nowrap}.xp-gl-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#06060cb8}.xp-gl-card{width:min(420px,100%);padding:22px 24px 20px;border:1px solid rgba(255,214,150,.28);border-radius:14px;background:#0a0910f5;box-shadow:0 18px 60px #000000b3}.xp-gl-card-eyebrow{margin:0 0 6px;font:600 11px/1 var(--dm-font-mono, ui-monospace, monospace);letter-spacing:.22em;color:#ffc980cc}.xp-gl-card-name{margin:0 0 6px;font-size:25px;font-weight:650;color:#fff6e2}.xp-gl-card-hint{margin:0 0 18px;font-size:15px;line-height:1.45;color:#ece7f5c2;text-wrap:balance}.xp-gl-card-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.xp-gl-card-go{padding:9px 16px;border:1px solid rgba(255,214,150,.45);border-radius:999px;font-size:14px;font-weight:600;color:#fff6e2;text-decoration:none}.xp-gl-card-go:hover,.xp-gl-card-go:focus-visible{background:#ffc98024}.xp-gl-track-locked{opacity:.45;cursor:default}.xp-gl-track-locked .xp-gl-track-name{text-decoration:none}