/* Layout and variable text only; visible frames and icons use native PNGs. */
:root{--readability-scale:1;--touch-scale:1;--touch-offset-x:0px;--touch-offset-y:0px}
.comfort-settings h3{margin:24px 0 10px}.comfort-settings select{max-width:180px}.drift-readout{font:14px/1.5 var(--pixel);overflow-wrap:anywhere}
.native-ui .player-name{font-size:calc(17px * var(--readability-scale))}.native-ui .hp-text,.native-ui .resource-text{font-size:calc(11px * var(--readability-scale))}
.native-ui .skill-key,.native-ui .skill-cost{font-size:calc(11px * var(--readability-scale))}.native-ui .match-objective{font-size:calc(12px * var(--readability-scale))}
.native-ui .progress-hud{font-size:calc(12px * var(--readability-scale))}.native-ui .capture-target{font-size:calc(12px * var(--readability-scale));line-height:1.15}
.combat-status-strip{position:absolute;top:18px;left:calc(50% + 168px);display:flex;gap:5px;pointer-events:none;max-width:240px;flex-wrap:wrap}.combat-status-chip{display:grid;grid-template-columns:22px auto;align-items:center;gap:2px;font:12px/1 var(--pixel);color:#fff4d5;text-shadow:1px 1px #071b24,-1px -1px #071b24}.combat-status-chip img{width:22px;height:22px;image-rendering:pixelated}.combat-status-chip small{font:inherit}
.high-contrast .combat-status-chip{font-weight:bold;color:white}.high-contrast .player-name,.high-contrast .match-objective{text-shadow:2px 2px #05131c,-1px -1px #05131c}
.touch-ui .skill-key,.touch-ui .in-game-help,.touch-ui #skill-bar kbd{display:none!important}.touch-ui #joystick{transform:scale(var(--touch-scale));transform-origin:bottom left;left:calc(18px + var(--touch-offset-x))!important;bottom:calc(18px + var(--touch-offset-y))!important}.touch-ui .touch-actions{transform:scale(var(--touch-scale));transform-origin:bottom right;right:calc(16px + var(--touch-offset-x))!important;bottom:calc(16px + var(--touch-offset-y))!important}.touch-ui.touch-left-handed #joystick{left:auto!important;right:calc(18px + var(--touch-offset-x))!important;transform-origin:bottom right}.touch-ui.touch-left-handed .touch-actions{right:auto!important;left:calc(16px + var(--touch-offset-x))!important;transform-origin:bottom left}
.native-ui .game-screen #hud-name{font-size:calc(15px * var(--readability-scale))}.native-ui .game-screen #hp-text,.native-ui .game-screen #energy-text{font-size:calc(10px * var(--readability-scale))}.native-ui .game-screen .skill-slot kbd,.native-ui .game-screen .skill-slot .skill-cost{font-size:calc(10px * var(--readability-scale))}
.native-ui .game-screen .skill-slot.locked .cooldown{inset:8px 1px 36px;font-size:calc(7px * var(--readability-scale));text-align:center;white-space:nowrap}
@media(max-height:540px){.combat-status-strip{top:58px;left:45%;max-width:200px}.combat-status-chip{font-size:11px}.native-ui .match-objective{font-size:calc(10px * var(--readability-scale))}}
@media(max-width:700px) and (orientation:portrait){.combat-status-strip{top:112px;left:12px;max-width:180px}}