.screen-hud{display:none}.screen-mode{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:#050a12!important}
.screen-mode > :not(.screen-stage):not(.screen-hud){display:none!important}
.screen-mode > .screen-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;overflow:auto!important;background:#050a12!important}
.screen-mode .screen-stage canvas{flex-shrink:0;margin:auto;box-shadow:none}
.screen-mode > .screen-hud{position:absolute;z-index:50;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:8px;border-radius:12px;background:#081523ec;border:1px solid #8f9ba5;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s}
.screen-mode.screen-awake .screen-hud,.screen-mode .screen-hud:focus-within,.screen-mode .screen-hud:hover{opacity:1;pointer-events:auto}
.screen-hud button{font:600 13px/1.1 system-ui;color:white;background:#203950;border:1px solid #738598;border-radius:6px;min-width:36px;min-height:38px;padding:7px 10px;white-space:nowrap;cursor:pointer}.screen-hud button:disabled{opacity:.4}.screen-hud button:focus-visible{outline:3px solid #e3c982}.screen-counter{font:13px system-ui;white-space:nowrap;padding:0 5px}.screen-mode:not(.screen-awake){cursor:none}.screen-hud{cursor:auto}
@media(max-width:600px){.screen-hud{flex-wrap:wrap;justify-content:center;width:max-content}.screen-hud button{font-size:11px;min-width:30px;min-height:34px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.screen-hud{transition:none!important}}