html,body{height:100dvh}.top-actions{flex-shrink:0}.brand{white-space:nowrap}@media(max-width:420px){.brand>span:last-child{display:none}}.quality-control{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 96px;width:96px;height:42px;white-space:nowrap;padding:0 8px;border:1px solid #ffffff4d;border-radius:12px;background:#214743;color:#fff4d9;font:inherit;font-size:12px;touch-action:manipulation}.quality-control svg{width:16px;height:16px;flex-shrink:0}#joystick,.abilities button{touch-action:none;-webkit-touch-callout:none}html[data-input-mode=keyboard] #joystick,html[data-input-mode=touch] #desktop-controls{display:none}html[data-input-mode=touch] .touch-help{display:inline}html[data-input-mode=touch] .keyboard-help,html[data-input-mode=keyboard] .touch-help{display:none}html[data-input-mode=keyboard] .keyboard-help{display:inline}#desktop-controls{position:absolute;left:max(20px,env(safe-area-inset-left,0px));bottom:calc(40px + env(safe-area-inset-bottom,0px));padding:12px 16px;border:1px solid #fff2d940;border-radius:12px;background:#173c3cdd;font-size:12px;line-height:1.9;color:#fff4d9;pointer-events:none}#desktop-controls span{display:block}#desktop-controls kbd{font:inherit;font-weight:800;color:#ffcf93}html[data-input-mode=keyboard] #hand-controls{display:none}html[data-input-mode=touch] .giant-controls .abilities{display:grid;grid-template-columns:repeat(2,60px);gap:8px}html[data-input-mode=touch] .giant-controls .abilities>div{display:contents}html[data-input-mode=touch] .giant-controls .abilities button{width:60px;height:60px;border-radius:18px;font-size:13px;font-weight:800}#hand-controls button{background:#d67245;border:2px solid #ffe3ba;color:#fff6df}#hand-controls small{display:block;font-size:9px}html[data-input-mode=touch] .giant-controls #ability-summary{bottom:calc(180px + env(safe-area-inset-bottom,0px));width:128px}html[data-graphics=low] .topbar *,html[data-graphics=low] #hud *{backdrop-filter:none}@media(pointer:coarse){.topbar{padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))}.top-actions{gap:8px}.icon-button{min-width:44px;min-height:44px}.panel-toggle{min-height:44px}#joystick{z-index:3;width:clamp(112px,30vw,144px);height:clamp(112px,30vw,144px);left:max(16px,env(safe-area-inset-left,0px));bottom:calc(40px + env(safe-area-inset-bottom,0px))}.abilities{z-index:3;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(40px + env(safe-area-inset-bottom,0px));gap:12px}.abilities button,.abilities #ability{width:72px;height:72px}#ability-summary{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(124px + env(safe-area-inset-bottom,0px));width:156px;min-height:44px;padding:8px 10px}#ability-summary>span{display:none}#ability-summary strong{margin-bottom:3px;font-size:12px}#ability-status{font-size:9px;line-height:1.4}.bottom-center{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:140px}#stamina-label{display:none}.timer-panel small{white-space:nowrap}#ability-cooldown{letter-spacing:0}}@media(pointer:coarse)and (orientation:portrait){.playing .brand>span:last-child{display:none}.playing .round-top{top:calc(62px + env(safe-area-inset-top,0px));width:260px;justify-content:center;gap:16px;padding:7px 12px}#district-panel{top:calc(121px + env(safe-area-inset-top,0px));width:calc(100% - 32px);max-width:360px}.leaderboard,.map-panel{top:calc(199px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 430px);overflow:auto}.leaderboard{left:16px}.map-panel{right:16px}.leaderboard.collapsed,.map-panel.collapsed{width:104px;max-height:none;overflow:visible}#toast{top:calc(260px + env(safe-area-inset-top,0px));font-size:11px}#ability-reveal{top:36%;max-height:30dvh;overflow:auto}#combo-popup{top:40%;pointer-events:none}}@media(pointer:coarse)and (orientation:landscape){.playing .brand>span:last-child{display:none}.round-top{top:calc(8px + env(safe-area-inset-top,0px));padding:6px 12px;gap:14px}#district-panel{top:calc(64px + env(safe-area-inset-top,0px));width:250px;padding:6px 10px}.leaderboard,.map-panel{top:calc(65px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 246px);overflow:auto}.leaderboard{left:max(16px,env(safe-area-inset-left,0px))}.map-panel{right:max(16px,env(safe-area-inset-right,0px))}.leaderboard.collapsed,.map-panel.collapsed{max-height:none;overflow:visible}#joystick{width:112px;height:112px;bottom:calc(30px + env(safe-area-inset-bottom,0px))}.abilities{bottom:calc(30px + env(safe-area-inset-bottom,0px))}#ability-summary{bottom:calc(114px + env(safe-area-inset-bottom,0px));width:156px}#toast{top:130px}#ability-reveal{top:110px;width:300px;padding:8px 12px}}@media(pointer:coarse)and (max-width:360px){#joystick{left:12px;width:108px;height:108px}.abilities{right:12px;gap:8px}.abilities button,.abilities #ability{width:64px;height:64px}}