/* Only game-player layout. Shared page chrome and controls live in site.css. */
#player-area { background: #070c15; max-width: 960px; margin: 0 auto; border-radius: 8px; overflow: hidden; color-scheme: dark; }
#game-canvas { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; outline: none; }
#game-canvas:focus-visible { outline: 2px solid var(--qf-accent); outline-offset: -3px; }
#player-area:fullscreen { width: 100%; height: 100%; max-width: none; display: flex; align-items: center; justify-content: center; border-radius: 0; }
#player-area:fullscreen canvas { width: 100%; height: 100%; object-fit: contain; }
.controls { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 24px; }
.play-main progress { width: 100%; max-width: 500px; accent-color: var(--qf-accent); }
#status { font-size: 14px; }
#error { color: #923e34; white-space: pre-wrap; overflow-wrap: anywhere; }
.play-main .note { color: var(--qf-muted); font-size: 12px; }