#fullscreen-toggle{min-height:36px;font-size:10px;padding:6px 9px;white-space:nowrap}#fullscreen-welcome{text-align:center;max-width:350px;padding:24px}#fullscreen-welcome img{width:130px;height:130px;object-fit:contain;image-rendering:pixelated}#fullscreen-welcome h2{margin:10px 0;font-size:24px}#fullscreen-welcome p{font-size:14px;color:#bfc8ad}#fullscreen-welcome button{display:block;width:100%;margin-top:10px;min-height:46px}#fullscreen-notice{position:fixed;z-index:100;left:50%;bottom:max(15px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(440px,94%);background:#172a20;border:2px solid #c2d391;border-radius:7px;padding:14px;display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.45;box-shadow:0 4px 24px #0008}#fullscreen-notice button{flex:none}
.mobile-game,.fullscreen-game{height:100%;overflow:hidden}.mobile-game body,.fullscreen-game body{height:100dvh;overflow:hidden}.mobile-game .game-shell,.fullscreen-game .game-shell{max-width:none;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}.mobile-game .masthead,.mobile-game footer,.fullscreen-game .masthead,.fullscreen-game footer{display:none}.mobile-game .title-row,.fullscreen-game .title-row{height:44px;min-height:44px;flex:0 0 44px;padding:0 8px}.mobile-game .scene,.fullscreen-game .scene{flex:1;min-height:0;height:auto;max-height:none;width:100%;border-radius:0;border-width:1px}.mobile-game h1,.fullscreen-game h1{font-size:20px}.mobile-game h1 img,.fullscreen-game h1 img{width:29px;height:29px;margin-right:6px}.mobile-game .shift{gap:7px}.mobile-game .ship-label{display:none}.mobile-game #clock{font-size:16px}.mobile-game #sound-toggle,.mobile-game #fullscreen-toggle{font-size:9px;min-height:34px;padding:4px 6px}.mobile-game .shift small{display:none}
@media(max-width:380px){.mobile-game h1{font-size:15px}.mobile-game h1 img{width:23px;height:23px}.mobile-game .shift{gap:4px}.mobile-game #fullscreen-toggle{font-size:8px;padding:4px}.mobile-game #sound-toggle{font-size:8px}.mobile-game #clock{font-size:14px}}
@media(orientation:landscape) and (max-height:560px){#fullscreen-welcome{max-width:480px;padding:12px 20px}#fullscreen-welcome img{float:left;width:105px;height:105px;margin:10px 15px 0 0}#fullscreen-welcome h2{font-size:20px;margin:4px 0}#fullscreen-welcome p{font-size:12px;margin:5px 0}#fullscreen-welcome button{min-height:38px;padding:6px;margin-top:7px}.mobile-game .title-row,.fullscreen-game .title-row{height:36px;min-height:36px;flex-basis:36px}.mobile-game #fullscreen-toggle{min-height:30px}.mobile-game .scene .computer-screen{min-height:150px}}