#app-shell{position:fixed;top:0;left:0;display:flex;flex-direction:column;background:#000028;overflow:hidden;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);width:100%;box-sizing:border-box}#game-container{flex:0 0 auto;height:var(--game-band-height, 55dvh);max-height:var(--game-band-height, 55dvh);min-height:0;width:100%;position:relative;touch-action:none}#game-container canvas{display:block;touch-action:none;margin:0 auto;max-width:100%;max-height:100%}#mobile-ui{display:none;flex:1 1 auto;flex-direction:column;height:var(--mobile-deck-height, 280px);min-height:var(--mobile-deck-height, 280px);max-height:var(--mobile-deck-height, 280px);gap:4px;width:100%;box-sizing:border-box;overflow:hidden;padding:6px 8px max(6px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));background:linear-gradient(180deg,#0a0a5a,#000028);border-top:3px solid #6666ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;z-index:30;-webkit-user-select:none;user-select:none;min-height:0}html.touch-device #mobile-ui{display:flex}@media(hover:none),(pointer:coarse),(max-width:900px){#mobile-ui:not([hidden]){display:flex}}#mobile-ui[hidden]{display:none!important}#mobile-caption{flex:0 0 auto;margin:0;color:#dde;font-size:clamp(14px,3.8vw,16px);font-weight:600;text-align:center;line-height:1.25}#mobile-ui.compact-deck #mobile-caption,#mobile-caption[hidden]{display:none!important;margin:0;padding:0;height:0;overflow:hidden}#mobile-hint{display:none;position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:25;max-width:92%;color:#cce;font-size:13px;text-align:center;padding:6px 12px;background:#000028d9;border-radius:8px;pointer-events:none}html.touch-device #mobile-hint.visible{display:block}@media(hover:none),(pointer:coarse){#mobile-hint.visible{display:block}}#mobile-name-block{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;width:100%}#mobile-name-block[hidden]{display:none!important}#mobile-name-block label{color:#aac;font-size:13px;text-align:center}#mobile-name-input{width:100%;box-sizing:border-box;min-height:48px;font-size:16px;padding:12px 14px;border:2px solid #8888ff;border-radius:12px;background:#000028;color:#fff}#mobile-name-input:focus{outline:2px solid #aaf}#mobile-deck{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-height:0;width:100%;overflow:hidden}#mobile-deck.compact{gap:4px}.mobile-deck-row{flex:1 1 0;display:flex;flex-direction:row;gap:8px;min-height:0;width:100%}.mobile-deck-toolbar{flex:0 0 auto;min-height:0;max-height:40px;height:clamp(36px,9vh,40px)}.mobile-dpad-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;min-height:0;width:100%;overflow:hidden}#mobile-deck.compact .mobile-dpad-grid{gap:4px}.mobile-dpad-spacer{pointer-events:none}.mobile-btn{flex:1 1 0;min-width:0;min-height:44px;height:100%;padding:8px 6px;margin:0;border:2px solid #aaaaff;border-radius:12px;background:#0000b0;color:#fff;font-size:clamp(15px,4vw,18px);font-weight:700;font-family:inherit;touch-action:manipulation;line-height:1.15;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 1px #ffffff26}.mobile-btn:active{background:#33d}.mobile-btn.primary{background:#0000e0;border-color:#ccf;font-size:clamp(16px,4.2vw,19px)}.mobile-dpad-grid .mobile-btn{font-size:clamp(20px,6vw,28px);min-height:0}