#rotate298{display:none}
.mobile298 body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mobile298 #game{width:min(100vw,177.78vh);top:50%}
.mobile298 #touch{position:fixed;inset:auto max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;align-items:flex-end;z-index:1000;pointer-events:none;touch-action:none}
.mobile298 #touch[hidden]{display:none}
.mobile298 #stick298{display:block;position:relative;width:clamp(108px,25vh,148px);height:clamp(108px,25vh,148px);border-radius:50%;border:2px solid #75e3eeaa;background:radial-gradient(circle,#173a54bb,#071521b8);box-shadow:0 4px 18px #0008;pointer-events:auto;touch-action:none;color:#d7fcff}
#stick298 span{position:absolute;font:22px Arial;opacity:.85}#stick298 .up{top:5px;left:calc(50% - 10px)}#stick298 .down{bottom:5px;left:calc(50% - 10px)}#stick298 .left{left:7px;top:calc(50% - 12px)}#stick298 .right{right:7px;top:calc(50% - 12px)}#stick298 i{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;background:#9ff1f488;border:1px solid #dbffff;border-radius:50%;transform:translate(var(--dx,0px),var(--dy,0px));pointer-events:none}
.mobile298 #actions298{display:grid;grid-template-columns:repeat(2,64px);gap:8px;align-items:center}
.mobile298 #actions298 button{width:64px;height:54px;min-width:0;padding:0;border-radius:18px;font:bold 10px Arial;letter-spacing:.3px;border:2px solid #7beeffaa;background:#09263bd9;color:#fff;touch-action:none;box-shadow:0 3px 10px #0008}
.mobile298 #actions298 button:last-child{border-color:#ffcd6a;background:#553812dd}.mobile298 #actions298 button.pressed{background:#43a8b9;transform:scale(.94)}
@media(orientation:portrait){.mobile298 #rotate298{display:flex;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;text-align:center;padding:40px;background:#090f1bf5;color:#fff;font:bold 24px Arial}}

@keyframes mobileLogo299{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-12px) rotate(.4deg)}}

.mobile298 body{width:var(--mobile-width,100vw);height:var(--mobile-height,100dvh)}
.mobile298 #game{inset:0;width:var(--mobile-width,100vw);height:var(--mobile-height,100dvh);aspect-ratio:auto;transform:none}
.mobile298 #screen{position:absolute;left:50%;top:50%;width:min(var(--mobile-width,100vw),calc(var(--mobile-height,100dvh)*1.7777778));height:auto;transform:translate(-50%,-50%)}
#mobile-wide301{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mobile298 #ui{z-index:3}
.mobile298 #touch{bottom:max(10px,env(safe-area-inset-bottom));}
.mobile-menu301{background:#10243a url('assets/ui71/background.png.webp') center/cover no-repeat}
.mobile-menu301::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#07394a66,transparent 35%,transparent 65%,#59133466)}
.mobile298 #battle{width:var(--mobile-width,100vw);height:var(--mobile-height,100dvh)}

/* Physical-size controls remain readable even when the artwork stage is scaled down. */
.mobile298 #viewport,.mobile298 #stage{overflow:visible}
#mobile-background303{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.mobile-menu301{background:#08080d}
.mobile-menu301::before{display:none}
.mobile298 #viewport{z-index:1}
.mobile298 #stage > .backdrop71,.mobile298 [data-cover-art],.mobile298 .intro237-art,.mobile298 .anomaly-menu-background162{opacity:0!important}
.mobile298 .intro237{background:transparent;overflow:visible}
.mobile298 .intro239-edge{display:none}
.mobile298 .mobile-button302{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;z-index:20}
.mobile298 .mobile-button302 span{font-family:Jersey,Arial!important;font-size:var(--mobile-font302)!important;line-height:1!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center;justify-content:center;padding:0 8px!important;white-space:normal;text-align:center;color:#161616!important;text-shadow:none!important}
.mobile298 #stage[data-screen=arenas] .team76{display:none}
.mobile298 #actions298{grid-template-columns:repeat(2,70px);gap:10px}
.mobile298 #actions298 button{width:70px;height:58px;font-size:12px;background:#09263bf0}
.mobile298 #stick298{min-width:116px;min-height:116px}
.mobile298 .pause-trigger71{min-width:44px;min-height:44px;font-size:24px!important}

.mobile298 #viewport{background:transparent}
.mobile298 #viewport::before{display:none}
.mobile298 .mobile-button302 .button-canvas71{visibility:visible!important}

.mobile298 .intro237-title{top:620px!important;height:70px!important;font-size:42px!important}
.mobile298 .intro237-copy{top:700px!important;height:105px!important;font-size:36px!important}

.mobile298 #actions298 .touch-paper303{position:relative;background:transparent;border:0;box-shadow:none;border-radius:0;color:#171717}
.touch-paper303 canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.touch-paper303 span{position:relative;z-index:1;font:17px Jersey,Arial;color:#171717;pointer-events:none}
.mobile298 #actions298 .touch-paper303.pressed{filter:brightness(.8)}
.mobile298 #stick298{border:3px solid #171717;outline:1px solid #fff1cd;background:radial-gradient(circle,#fff5d5db,#bfb8a6c9);color:#171717}
.mobile298 #stick298 i{background:#ffdf43cc;border:2px solid #171717}

.mobile298 #actions298 .touch-paper303,.touch-paper303 span{text-shadow:none!important}