.room-screen{background:var(--void);position:fixed;inset:0}.room-canvas,.room-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.room-chrome{pointer-events:none;--edge:clamp(1rem, 2.5vw, 2rem);transition:opacity .4s;position:absolute;inset:0}.room-chrome[data-visible=false]{opacity:0}.room-chrome>*{pointer-events:auto}.room-embed{border-radius:var(--radius);width:min(24rem,60vw);padding:.75rem;position:absolute;inset-block-start:var(--edge);inset-inline-start:var(--edge)}.room-embed iframe,.room-embed-host{border:0;border-radius:12px;margin-top:.5rem;display:block;overflow:hidden}.room-embed-host iframe{border-radius:12px}.embed-manual{border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:var(--glass);width:100%;color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:.625rem;padding:.5rem .75rem;font-size:.625rem;transition:background-color .14s,color .14s;display:flex}.embed-manual:hover{background:var(--glass-solid);color:var(--text)}.embed-manual-state{background:var(--faint);border-radius:50%;flex:none;width:.5rem;height:.5rem}.embed-manual-state[data-playing=true]{background:var(--energy);box-shadow:0 0 0 3px color-mix(in srgb, var(--energy) 22%, transparent)}.room-track-note,.room-embed-note{color:var(--muted);margin:.625rem .25rem 0;font-size:.75rem;line-height:1.45}.room-track{border-radius:var(--radius);max-width:min(20rem,60vw);padding:.875rem 1rem;position:absolute;inset-block-start:var(--edge);inset-inline-start:var(--edge)}.room-track-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 .25rem .5rem;font-size:.625rem;font-weight:400;display:block}.room-track-body{align-items:center;gap:.75rem;display:flex}.room-track-body img{border-radius:10px;flex-shrink:0}.room-track-title{font-size:.9375rem;font-weight:500;line-height:1.25}.room-track-artist{color:var(--muted);font-size:.8125rem}.room-rail{border-radius:var(--radius-pill);gap:.25rem;padding:.375rem;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--edge);translate:0 -50%}.room-rail button{width:2.5rem;height:2.5rem;color:var(--muted);border-radius:50%;padding:0;font-size:.8125rem;transition:background-color .14s,color .14s}.room-rail button:hover{color:var(--text);background:var(--glass-solid)}.room-exit{padding-inline-start:.375rem;font-size:.875rem;position:absolute;inset-block-end:var(--edge);inset-inline-end:var(--edge)}.room-reduced-note{max-width:22rem;color:var(--muted);border-radius:var(--radius);margin:0;padding:.5rem .875rem;font-size:.75rem;line-height:1.4;position:absolute;inset-block-start:var(--edge);inset-inline-end:var(--edge)}.room-restore{color:var(--muted);padding-inline-start:.375rem;font-size:.8125rem;position:absolute;inset-block-end:1.5rem;inset-inline-start:50%;translate:-50%}@media (max-width:768px){.room-exit{font-size:.75rem}.room-track{max-width:60vw;padding:.5rem .75rem}.room-embed{width:min(22rem,78vw);padding:.5rem}.room-embed-note{display:none}.room-rail{inset-block:auto 6rem;translate:0}.room-track-note{display:none}.room-reduced-note{max-width:50vw}}