/* Fullscreen keeps the complete frame visible. The viewport uses measured spare space. */
.sha-shell:fullscreen,.dtr-shell:fullscreen{
 box-sizing:border-box!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;
 margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
 padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;
}
.sha-shell:fullscreen>*,.dtr-shell:fullscreen>*{flex:0 0 auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}
.sha-shell:fullscreen>.sha-viewport,.dtr-shell:fullscreen>.dtr-viewport{
 width:var(--arcade-full-width,1px)!important;height:var(--arcade-full-height,1px)!important;
 min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;overflow:hidden!important;border:0!important;
}
.sha-shell:fullscreen>.sha-viewport canvas,.dtr-shell:fullscreen>.dtr-viewport canvas{width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;display:block!important}
.sha-shell:fullscreen>.sha-hud,.sha-shell:fullscreen>.sha-controls,.sha-shell:fullscreen>.sha-tools,.sha-shell:fullscreen>.sha-status,
.dtr-shell:fullscreen>.dtr-hud,.dtr-shell:fullscreen>.dtr-controls,.dtr-shell:fullscreen>.dtr-tools,.dtr-shell:fullscreen>.dtr-status,.dtr-shell:fullscreen>.dtr-key-guide{width:100%!important}
.sha-shell:fullscreen>.sha-status,.dtr-shell:fullscreen>.dtr-status{display:block!important;padding:4px 12px!important;min-height:0!important;font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere}
.dtr-shell:fullscreen>.dtr-key-guide{display:block!important;padding:4px 12px!important;font-size:10px!important;line-height:1.5!important}
.arcade-volume{display:inline-flex;align-items:center;gap:6px;font:600 11px system-ui;color:#c3d7ec;white-space:nowrap}
.arcade-volume input{width:78px;min-height:28px;accent-color:#50d5eb;cursor:pointer}
.arcade-volume output{min-width:26px;text-align:right;font-variant-numeric:tabular-nums}
.arcade-volume input:focus-visible{outline:2px solid #70e5ff;outline-offset:2px;border-radius:4px}
@media(max-height:600px){
 .sha-shell:fullscreen>.sha-hud{padding:5px 10px!important;gap:5px 12px!important;font-size:11px!important}
 .sha-shell:fullscreen .sha-level-title{width:auto!important;max-width:none!important;font-size:11px!important}
 .sha-shell:fullscreen .sha-hunt{font-size:11px!important;gap:5px!important}
 .sha-shell:fullscreen .sha-hud-stats{width:auto!important;font-size:11px!important;gap:9px!important}
 .sha-shell:fullscreen .sha-hearts{font-size:14px!important;letter-spacing:1px!important}
 .dtr-shell:fullscreen>.dtr-hud{padding:4px 8px!important;gap:5px!important}
 .dtr-shell:fullscreen .dtr-stat{padding:4px 8px!important;font-size:10px!important}
 .dtr-shell:fullscreen .dtr-stat b{font-size:17px!important}
 .sha-shell:fullscreen>.sha-controls,.dtr-shell:fullscreen>.dtr-controls{padding:4px 9px!important;gap:6px!important}
 .sha-shell:fullscreen .sha-touch,.dtr-shell:fullscreen .dtr-touch{min-height:38px!important;min-width:48px!important;font-size:12px!important;padding:5px 12px!important}
 .sha-shell:fullscreen>.sha-tools,.dtr-shell:fullscreen>.dtr-tools{padding:4px 9px!important;gap:5px!important}
 .sha-shell:fullscreen .sha-tool,.dtr-shell:fullscreen .dtr-tool{min-height:29px!important;padding:4px 9px!important;font-size:11px!important}
 .sha-shell:fullscreen>.sha-status,.dtr-shell:fullscreen>.dtr-status{padding:2px 9px!important;font-size:10px!important}
 .dtr-shell:fullscreen>.dtr-key-guide{padding:2px 9px!important;font-size:9px!important;line-height:1.4!important}
 .arcade-volume input{min-height:25px;width:65px}
 .sha-shell:fullscreen .sha-dialog,.dtr-shell:fullscreen .dtr-dialog{padding:12px!important}
 .sha-shell:fullscreen .sha-dialog h3,.dtr-shell:fullscreen .dtr-dialog h2{font-size:20px!important;margin:3px 0!important}
 .sha-shell:fullscreen .sha-dialog p,.dtr-shell:fullscreen .dtr-dialog p{font-size:11px!important;line-height:1.3!important;margin:5px 0!important}
 .sha-shell:fullscreen .sha-dialog .btn,.dtr-shell:fullscreen .dtr-dialog .btn{min-height:30px!important;padding:5px 10px!important;font-size:11px!important}
 .dtr-shell:fullscreen .dtr-mode{margin:6px 0!important;font-size:11px!important}
 .sha-shell:fullscreen .sha-overlay,.dtr-shell:fullscreen .dtr-overlay{padding:5px!important;align-items:safe center!important}
}