.player-app{overflow-wrap:anywhere;flex-direction:column;gap:16px;max-width:100%;min-height:100svh;padding:20px;display:flex}.player-app>.board-player{flex:1;min-width:0;min-height:65svh}.player-app .board-stage{flex:1;min-height:55svh}.player-app .board-canvas{max-width:100%;max-height:100%}.player-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:65svh;display:flex}.player-code{letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:clamp(24px,7vw,64px);font-weight:600}.player-app footer{max-width:75ch}.player-app .board-player:fullscreen .board-stage{height:calc(100svh - 80px)}@media (width<=480px){.player-app{padding:16px}.player-app .board-transport{flex-wrap:wrap}.player-app .board-check{display:none}}.player-display{background:#0b0d12;gap:0;height:100dvh;min-height:0;padding:0;overflow:hidden}.player-display>.board-player{height:100%;min-height:0;position:relative}.player-display .board-stage{border-radius:0;flex:none;width:100%;height:100%;min-height:0;padding:0}.player-display .board-recovery{background:var(--background);color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.player-display .board-recovery .board-error{max-width:65ch;color:var(--foreground);text-align:center;border:0;margin:0;padding:0;font-size:1rem}.player-display .board-recovery .board-actions{justify-content:center}.player-pairing{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:42rem;display:flex}.player-qr{background:#fff;border-radius:4px;max-width:100%;height:auto;display:block}.player-app:fullscreen{background:var(--background);width:100%;height:100dvh;min-height:0;overflow:auto}.player-display:fullscreen{background:#0b0d12;overflow:hidden}.player-fullscreen{z-index:20;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));opacity:1;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 32px);transition:opacity .18s ease-out;display:flex;position:fixed}.player-fullscreen-hidden{opacity:0;pointer-events:none}.player-fullscreen:has(button:focus-visible){opacity:1;pointer-events:auto}.player-fullscreen .player-fullscreen-button{background:var(--foreground);min-width:44px;min-height:44px;color:var(--background);box-shadow:none;border:0;transition:background-color .18s ease-out}.player-fullscreen .player-fullscreen-button:hover{background:color-mix(in srgb,var(--foreground) 88%,var(--background))}.player-fullscreen .player-fullscreen-button:focus-visible{outline:2px solid var(--background);outline-offset:-4px;box-shadow:0 0 0 2px var(--foreground)}.player-fullscreen-error{background:var(--foreground);max-width:30ch;color:var(--background);border-radius:6px;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}@media (prefers-reduced-motion:reduce){.player-fullscreen,.player-fullscreen .player-fullscreen-button{transition:none}}