.camera-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 18px}.camera-group{display:flex;align-items:center;gap:5px}.camera-controls button{padding:8px 11px;font-size:12px;touch-action:none}.camera-controls kbd{margin-left:4px}.camera-controls select{min-width:76px;text-align:center}.camera-controls button:disabled{cursor:default;opacity:.35}.camera-controls #reset-camera{color:var(--muted);font-size:11px}.camera-controls #fullscreen{margin-left:auto}.camera-controls #compass{display:inline-block;color:var(--accent);font-size:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.play-area:fullscreen,.play-area.expanded{background:var(--bg);padding:16px;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:auto}.play-area.expanded{position:fixed;inset:0;z-index:1000}.play-area:fullscreen .arena-shell,.play-area.expanded .arena-shell{flex:1;min-height:180px;height:auto}.play-area:fullscreen .metrics,.play-area.expanded .metrics{display:none}.play-area:fullscreen .arena-heading,.play-area.expanded .arena-heading{margin-bottom:12px}.play-area:fullscreen .camera-controls,.play-area.expanded .camera-controls{padding-bottom:0}.play-area:fullscreen .toolbar,.play-area.expanded .toolbar{padding:10px 0}@media(max-width:760px){.camera-controls{gap:8px}.camera-controls button{min-height:42px;padding:8px 11px}.camera-controls kbd{display:none}.camera-controls #fullscreen{margin-left:0}.camera-controls select{min-height:42px}.play-area:fullscreen,.play-area.expanded{padding:10px}.play-area:fullscreen .arena-heading,.play-area.expanded .arena-heading{display:none}}@media(max-height:500px){.play-area:fullscreen .arena-heading,.play-area.expanded .arena-heading{display:none}.play-area:fullscreen .toolbar,.play-area.expanded .toolbar{padding:4px 0}.play-area:fullscreen .camera-controls button,.play-area.expanded .camera-controls button{min-height:32px;padding:4px 10px}}