#touchControls{display:none}.touch-mode{overscroll-behavior:none}.touch-mode .game-frame,.touch-mode #touchControls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-mode #touchControls{display:block;padding:12px 8px 20px}.touch-help{text-align:center;font-size:11px;line-height:1.6;color:#b9c5ab;margin:4px 0 12px}.touch-pad{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:650px;margin:auto}.touch-actions{display:flex;gap:14px;align-items:center}#joystick{position:relative;width:126px;height:126px;flex-shrink:0;border:2px solid #7a8962;border-radius:50%;background:#1c2c20dd;display:grid;place-items:center}#joystick:before{content:'+';font-size:70px;font-weight:200;color:#72815b44}#stick{position:absolute;width:55px;height:55px;border-radius:50%;background:#798761;border:2px solid #bdc798;box-shadow:0 3px 10px #0006;pointer-events:none}#joystick small{position:absolute;bottom:9px;font-size:8px;letter-spacing:2px;color:#c6cdb3;pointer-events:none}#touchBlock,#touchAttack{position:relative;overflow:hidden;width:86px;height:86px;border-radius:50%;border:2px solid #8e9b7b;background:#263c34;color:#e7f1dd;font-size:26px;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}#touchAttack{width:103px;height:103px;border-color:#e6bd75;background:#55482b;color:#ffe4ae}#touchControls small{font-size:9px;letter-spacing:.5px;z-index:1}#touchAttack b{z-index:1;font-size:29px}#touchProgress{position:absolute;bottom:0;left:0;width:100%;height:0;background:#d4ae4c66;pointer-events:none}.pressed{filter:brightness(1.25)}#touchAttack.ready{border-color:#fff4bb;box-shadow:0 0 20px #e6bd7577}.controls-disabled .touch-pad{opacity:.3;pointer-events:none}.touch-mode footer,.touch-mode .footnote{display:none}.touch-mode .game-frame{min-height:0}.touch-mode.in-game #hud{padding:7px}.touch-mode.in-game .vitals{width:128px;padding:6px}.touch-mode.in-game .vitals>span{font-size:12px}.touch-mode.in-game .health-track{margin:4px 0}.touch-mode.in-game .hud-bottom .level{width:102px;padding:5px}.touch-mode.in-game .ability{width:190px;padding:6px}.touch-mode.in-game .ability>span{font-size:13px}.touch-mode.in-game .ability small{font-size:9px}.touch-mode.in-game .quiet{min-height:36px;padding:8px}.touch-mode.in-game .wave{padding:6px}.touch-mode .modal-card{max-height:95%;overflow:auto}.touch-mode .modal-card h2{font-size:28px;margin:12px 0}.touch-mode .modal-card p{margin:8px 0}.touch-mode .modal-card .eyebrow{margin:0}.touch-mode #toast{font-size:9px;padding:8px 12px}
@media(max-width:600px){.touch-mode main{padding:0 6px}.touch-mode header{height:52px}.touch-mode:not(.in-game) .game-frame{height:440px;aspect-ratio:auto}.touch-mode.in-game .game-frame{aspect-ratio:8/5;height:auto}.touch-mode.in-game .hud-bottom .level{display:none}.touch-mode.in-game .hud-bottom{justify-content:center}.touch-mode.in-game .ability{padding:3px 7px;width:205px}.touch-mode.in-game .ability>span{display:none}.touch-mode.in-game .charge-track{margin:3px 0;height:4px}.touch-mode.in-game .vitals small{font-size:8px}.touch-mode .hero-card{min-width:0}.touch-mode .hero-card h2{font-size:20px}.touch-mode .primary{min-height:44px}.touch-mode #touchControls{padding-bottom:max(16px,env(safe-area-inset-bottom))}.touch-mode .intro{display:none}.touch-mode .roster{width:100%}.touch-mode .roster-note{display:none}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){.touch-mode main{padding:0}.touch-mode header{height:32px;padding:0 12px}.touch-mode header .brand{font-size:12px}.touch-mode header .quiet{padding:5px 10px}.touch-mode .game-frame{height:calc(100dvh - 34px);width:calc((100dvh - 34px)*1.6);max-width:100%;min-height:0;margin:auto;aspect-ratio:8/5}.touch-mode #touchControls{position:fixed;inset:0;pointer-events:none;padding:0}.touch-mode .touch-help{position:absolute;bottom:4px;left:8px;width:110px;font-size:8px}.touch-mode .touch-pad{max-width:none;position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:42px}.touch-mode .touch-pad>div{pointer-events:auto}.touch-mode .touch-actions{flex-direction:column;gap:8px}#joystick{width:100px;height:100px}#touchBlock{width:66px;height:66px}#touchAttack{width:80px;height:80px}.touch-mode .selection{padding:3%;gap:2%}.touch-mode .intro{display:none}.touch-mode .roster{width:100%;max-width:500px;margin:auto}.touch-mode .hero-card canvas{max-height:70px}.touch-mode .hero-card h2{font-size:17px;margin:0 0 6px}.touch-mode .hero-card p{margin:5px 0}.touch-mode .hero-card{padding:8px}.touch-mode .eyebrow{margin-bottom:6px}.touch-mode .pick{padding-top:5px;margin-top:6px}.touch-mode .primary{padding:10px;margin-top:8px}.touch-mode .roster-note{display:none}.touch-mode:not(.in-game) #touchControls{display:none}}
.touch-mode button,.touch-mode #joystick{-webkit-tap-highlight-color:transparent}