/* IDLE RPG ONLY. The playable 1.7 modes retain their existing HUD and controls.
   This cloud mode has its own reserved columns and native artwork margins. */
body.native-ui.idle-game .game-screen{--hud-edge:14px;--hud-player:246px;--hud-player-height:132px;--hud-right:170px;--hud-middle:calc(100% - var(--hud-player) - var(--hud-right) - 4 * var(--hud-edge));--hud-center:calc((100% + var(--hud-player) - var(--hud-right)) / 2)}
body.native-ui.idle-game .game-screen .player-hud{left:max(var(--hud-edge),env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));width:var(--hud-player);height:var(--hud-player-height)}
body.native-ui.idle-game .game-screen .player-ident{overflow:visible}
body.native-ui.idle-game .game-screen .player-ident h2{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.05;font-size:16px}
body.native-ui.idle-game .game-screen .hud-portrait-wrap{width:26%;height:49%;overflow:visible;border-radius:0!important}
body.native-ui.idle-game .game-screen .hud-portrait-wrap img{width:70%;height:70%;border-radius:0!important;object-fit:contain}
body.native-ui.idle-game .game-screen .match-center{left:var(--hud-center);top:8px;transform:translateX(-50%);width:min(340px,var(--hud-middle));max-width:none;min-height:56px;box-sizing:border-box;padding:12px 23px;gap:3px}
body.native-ui.idle-game .game-screen :is(.match-phase,.match-objective){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:100%;line-height:1.2}
body.native-ui.idle-game .game-screen .match-phase{font-size:13px}
body.native-ui.idle-game .game-screen .match-objective{font-size:11px}
body.native-ui.idle-game .game-screen .match-right{top:8px;right:max(var(--hud-edge),env(safe-area-inset-right));width:var(--hud-right);gap:6px}
body.native-ui.idle-game .game-screen .match-stats{width:100%;min-width:0;max-width:none;padding:9px 15px;min-height:46px;box-sizing:border-box}
body.native-ui.idle-game .game-screen .match-stats>span{font-size:10px;line-height:1.25;white-space:normal;overflow:visible;overflow-wrap:anywhere}
body.native-ui.idle-game .game-screen .boss-hud{left:var(--hud-center);transform:translateX(-50%);top:80px;width:min(318px,var(--hud-middle));height:52px}
body.native-ui.idle-game .game-screen .boss-label{top:5px;height:18px;left:24px;right:18px;align-items:center}
body.native-ui.idle-game .game-screen .boss-label strong{font-size:13px;line-height:18px;white-space:normal;overflow:visible}
body.native-ui.idle-game .game-screen .experience-controls{right:var(--hud-edge);top:112px;width:var(--hud-right);max-width:var(--hud-right);gap:3px}
body.native-ui.idle-game .game-screen .experience-controls button{max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;min-height:32px;font-size:11px;padding:8px 12px}
body.native-ui.idle-game .game-screen .experience-controls [data-experience-action="target"]:disabled{opacity:1;filter:none;cursor:default}
body.native-ui.idle-game.in-game .game-screen:has(.game-actions .realm-chat-launcher:not([hidden])){--hud-right:156px}
body.native-ui.idle-game.in-game .game-screen:has(.game-actions .realm-chat-launcher:not([hidden])) .experience-controls{top:120px}
body.native-ui.idle-game .game-screen .combat-status-strip{left:var(--hud-center);transform:translateX(-50%);top:76px;max-width:var(--hud-middle);justify-content:center;gap:3px}
body.native-ui.idle-game .game-screen:has(#boss-hud:not([hidden])) .combat-status-strip{top:138px}
@media(max-height:540px),(max-width:1000px){
 body.native-ui.idle-game .game-screen{--hud-edge:8px;--hud-player:194px;--hud-player-height:104px;--hud-right:118px}
 body.native-ui.idle-game .game-screen .player-ident h2{font-size:13px}
 body.native-ui.idle-game .game-screen .match-center{padding:11px 20px;min-height:62px}
 body.native-ui.idle-game .game-screen .match-phase{font-size:11px}
 body.native-ui.idle-game .game-screen .match-objective{font-size:10px}
 body.native-ui.idle-game .game-screen .match-stats strong{font-size:18px;line-height:1.1}
 body.native-ui.idle-game .game-screen .match-stats>span{font-size:9px;line-height:1.25}
}

body.native-ui.idle-game.in-game .game-screen .experience-controls{top:calc(var(--idle-stats-bottom,108px) + 6px)}