/* Keep both rivals in the splash composition, without cropping the artwork. */
@media(max-width:700px){#menu{background-image:url('assets/runtime/splash-mobile-v3.webp');background-size:cover;background-position:center top;background-color:#281b47}#menu::before{background:linear-gradient(0deg,#281b4733,transparent 65%)}#menu .menu-nav{top:auto;bottom:max(16px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:min(82vw,340px)}#menu .menu-brand{height:clamp(55px,11vh,100px);margin-bottom:8px}#menu .menu-nav button{min-height:44px;padding:9px 20px;margin-top:6px;font-size:18px}#menu .menu-nav #play{min-height:56px;font-size:29px}#menu .menu-nav #friends{font-size:15px}#menu .menu-nav #settings{min-height:44px;margin-top:8px}#menu .menu-nav .solo-stamp{margin:6px}}
@media(max-width:700px) and (max-height:600px){#menu .menu-brand{height:48px;margin-bottom:3px}#menu .menu-nav button,#menu .menu-nav #settings{min-height:38px;padding:6px 18px;font-size:16px}#menu .menu-nav #play{min-height:46px;font-size:24px}#menu .menu-nav{bottom:10px}}
.touch-device body{overscroll-behavior:none}.touch-device canvas{touch-action:none}.touch-device button{touch-action:manipulation}.touch-device footer{display:none}
#touch-controls{position:fixed;inset:0;z-index:8;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#touch-controls[hidden],#landscape-gate[hidden]{display:none}#touch-controls button,#touch-stick,#touch-look{pointer-events:auto;touch-action:none}#touch-look{position:absolute;top:80px;right:0;bottom:265px;width:60%;background:transparent}#touch-stick{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:calc(108px + env(safe-area-inset-bottom));width:112px;height:112px;border:3px solid #faf2de99;border-radius:50%;background:#281b4755;box-shadow:inset 0 0 0 12px #faf2de0a}#touch-stick>span{position:absolute;left:32px;top:32px;width:42px;height:42px;border:3px solid #faf2de;border-radius:50%;background:#70d9c9b3;box-shadow:2px 3px 0 #150d2855}#touch-stick small{position:absolute;bottom:10px;width:100%;text-align:center;font:800 9px Arial;color:#faf2de;pointer-events:none}#touch-controls button{position:absolute;width:54px;height:54px;border:2px solid #faf2de;border-radius:50%;background:#281b478f;color:#faf2de;font:900 28px Arial;padding:3px;box-shadow:2px 3px 0 #150d2866;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}#touch-controls button small{font:800 8px Arial}#touch-controls #touch-fire{right:20px;bottom:calc(112px + env(safe-area-inset-bottom));width:74px;height:74px;background:#ffcd46cf;color:#281b47;font-size:35px}#touch-jump{right:22px;bottom:calc(204px + env(safe-area-inset-bottom))}#touch-crouch{right:99px;bottom:calc(192px + env(safe-area-inset-bottom))}#touch-reload{right:110px;bottom:calc(116px + env(safe-area-inset-bottom))}#touch-controls button.pressed{background:#70d9c9;color:#281b47;scale:.94}#crosshair.aim-assisted{color:#70d9c9;text-shadow:0 0 6px #70d9c9}
#landscape-gate{position:fixed;inset:0;z-index:110;background:#281b47;display:grid;place-items:center;text-align:center;color:#faf2de;padding:16px}#landscape-gate span{font-size:52px;color:#ffcd46}#landscape-gate h2{font:italic 900 32px Impact,Arial;margin:10px}#landscape-gate p{font:14px Arial}#landscape-gate button{min-height:44px;background:#ffcd46;color:#281b47;border:2px solid #faf2de;padding:10px 24px;font-weight:900}
.touch-playing .loadout{bottom:calc(15px + env(safe-area-inset-bottom));gap:7px}.touch-playing .loadout button{width:64px;height:65px;padding:4px}.touch-playing .loadout img{height:39px}.touch-playing .loadout button span{font-size:8px}.touch-playing .combat-help,.touch-playing .combat-help+small{display:none}.touch-playing .duel-health{bottom:auto;top:97px;left:10px;width:115px;min-height:56px;padding:8px 7px 8px 44px}.touch-playing .duel-health .portrait{width:34px;height:40px;left:5px;top:5px}.touch-playing .duel-health .hearts{font-size:13px}.touch-playing .ammo{bottom:auto;top:98px;right:10px;width:100px;padding:6px}.touch-playing .ammo strong{font-size:23px}.touch-playing .ammo small{font-size:8px}.touch-playing #bank-guidance{right:12px;top:174px;max-width:145px}.touch-playing #tutorial[data-course=micro]{top:168px;max-width:48vw}.touch-playing #toast{bottom:280px}
@media(max-width:350px){.touch-playing .loadout button{width:57px}#touch-stick{left:12px;width:100px;height:100px}#touch-stick>span{left:26px;top:26px}#touch-crouch{right:82px}#touch-reload{right:96px}#touch-controls #touch-fire{right:12px}}
@media(orientation:landscape){.touch-playing .duel-health{top:67px;min-height:54px}.touch-playing .ammo{top:70px}.touch-playing .opponent-hearts{top:12px;right:12px}.touch-playing .opponent-hearts .portrait{height:38px;width:38px}.touch-playing #touch-look{top:60px;bottom:78px}.touch-playing #touch-stick{bottom:calc(87px + env(safe-area-inset-bottom))}.touch-playing #touch-fire{bottom:calc(88px + env(safe-area-inset-bottom))}.touch-playing #touch-jump{bottom:calc(176px + env(safe-area-inset-bottom))}.touch-playing #touch-crouch{bottom:calc(164px + env(safe-area-inset-bottom))}.touch-playing #touch-reload{bottom:calc(90px + env(safe-area-inset-bottom))}.touch-playing .loadout{bottom:calc(9px + env(safe-area-inset-bottom))}.touch-playing #bank-guidance{top:80px;right:130px;font-size:10px;max-width:145px}.touch-playing #bank-tutorial{top:135px;bottom:auto;left:150px;right:auto;max-width:180px;padding:8px;font-size:10px}.touch-playing #tutorial[data-course=micro]{top:73px;left:145px;right:auto;max-width:230px;transform-origin:top left;padding:9px}.touch-playing #tutorial[data-course=micro] h2{font-size:18px}.touch-playing #tutorial[data-course=micro] p{font-size:12px}.touch-playing #toast{bottom:85px}.touch-playing .loadout button{height:60px}.touch-playing .duel-score{top:8px}}
.touch-playing .menu-return{width:44px;height:44px}.touch-playing .duel-health{height:auto}.touch-playing .duel-health .hearts{flex-wrap:nowrap}.touch-playing #bank-guidance{left:145px;right:auto;bottom:auto;top:78px;width:165px;max-width:165px;padding:8px;transform:none}.touch-playing #bank-tutorial{position:static;padding:0;max-width:none;font-size:10px}.touch-playing #bank-skip{font-size:9px;min-height:28px}.touch-playing #bank-guidance b{font-size:16px}.touch-playing .loadout button:hover{transform:skew(-6deg)}
.touch-playing #objective-lane{top:74px;left:145px;right:auto;width:170px}.touch-playing #objective-lane #bank-guidance{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:100%;transform:none}.touch-playing #player-hearts{font-size:12px;gap:1px;margin-top:5px}.touch-playing .duel-health b{font-size:22px}.touch-playing #bot-warning{display:none}
@media(orientation:landscape) and (max-height:500px) and (max-width:1100px){#menu{background-image:url('assets/runtime/d3d72c30-main-menu-v3-clean.webp');background-size:cover;background-position:left top}#menu::before{background:linear-gradient(90deg,transparent 45%,#281b4777 70%,#281b47bb)}#menu .menu-nav{left:auto;right:4%;top:50%;bottom:auto;transform:translateY(-50%);width:31vw;max-width:280px}#menu .menu-brand{height:55px;max-height:55px;margin-bottom:4px}#menu .menu-nav button,#menu .menu-nav #settings{min-height:36px;margin-top:5px;padding:6px 12px;font-size:15px}#menu .menu-nav #play{min-height:44px;font-size:23px}#menu .menu-nav #friends{font-size:12px}#menu .menu-nav button img{width:19px;height:19px}#menu .menu-nav #friends small{font-size:7px}}
@media(pointer:coarse){#menu{background-image:url('assets/runtime/mobile-menu-wide-fast-v1.webp')}#game-flow #loading-screen.broadcast-loading{background-image:linear-gradient(90deg,transparent 35%,#17182533 58%,#17182588),url('assets/runtime/mobile-loading-fast-v1.webp')}}
@media(pointer:coarse) and (orientation:portrait){#menu{background-image:url('assets/runtime/mobile-splash-fast-v1.webp')}#game-flow #loading-screen.broadcast-loading{background-image:linear-gradient(0deg,#171825 5%,#171825ee 28%,transparent 65%),url('assets/runtime/mobile-loading-fast-v1.webp')}}