/* v191: portrait runner, centered arena, cream/teal native artillery controls. */
body .hg-arena[data-game="sky-runner"]{background:radial-gradient(ellipse at center,#56796c,#183e43)!important}
body .hg-arena[data-game="sky-runner"] #hg-battle-canvas{inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(100%,50dvh)!important;height:min(100dvh,200vw)!important;object-fit:fill!important;background:#7cab84!important;box-shadow:0 0 45px #102d3544}
body .hg-arena[data-game="sky-runner"] .sr-controls{inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(100%,50dvh);height:min(100dvh,200vw)}
.sr-armory{max-width:calc(100% - 24px)!important}.sr-armory>div{min-width:0}.sr-armory .sr-buy{background:linear-gradient(#ffe6a0,#e8ba63)!important;color:#5d5737!important;font-size:16px}.sr-buy small{font-size:10px!important}.sr-armory:has(.sr-buy){gap:6px;padding:6px 8px}.sr-armory:has(.sr-buy) [data-unlock]{max-width:145px}
body .hg-arena[data-game="sky-runner"] .sr-pad{grid-template-columns:repeat(2,52px);gap:7px}body .hg-arena[data-game="sky-runner"] .sr-buttons{left:12px!important;right:12px!important;gap:8px!important}body .hg-arena[data-game="sky-runner"] .sr-buttons button{width:52px!important;height:58px!important}body .hg-arena[data-game="sky-runner"] .sr-buttons .sr-bomb{width:58px!important;height:66px!important}body .hg-arena[data-game="sky-runner"] .sr-actions{gap:7px}
body .hg-arena[data-game="tanks"]{background:linear-gradient(#789f9a,#425f5a)!important}
body .hg-arena[data-game="tanks"] .hg-status{top:70px!important;left:22%!important;right:22%!important;background:#fff2d6de;color:#385d55;font-weight:800;max-height:30px}
body .hg-arena[data-game="tanks"] .hg-players{z-index:7;top:max(12px,env(safe-area-inset-top))!important;left:78px!important;right:18px!important;gap:15%;display:flex;justify-content:space-between}
body .hg-arena[data-game="tanks"] .hg-player{border:1px solid #d1b783;background:linear-gradient(#fff5dc,#ead8b3);color:#395e52;box-shadow:0 3px 0 #34575140;border-radius:17px;padding:10px 14px;font-size:12px;max-width:44%;min-width:0;overflow:hidden;text-overflow:ellipsis}
body .hg-arena[data-game="tanks"] .hg-player b{color:#3e6958}body .hg-arena[data-game="tanks"] .hg-player small{color:#647954}
body .hg-arena[data-game="tanks"] #hg-battle-canvas{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(100%,230.769dvh)!important;height:min(100dvh,43.333vw)!important;object-fit:contain!important;background:#a8c5b0!important}
body .hg-arena[data-game="tanks"] .hg-controls{height:146px!important;inset:auto 0 0!important;background:none!important;pointer-events:none;z-index:8}
body .hg-arena[data-game="tanks"] .hg-control-left,body .hg-arena[data-game="tanks"] .hg-control-right{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));width:190px;max-width:40%;padding:10px;background:#fff2d6dc;border:1px solid #c4af82;border-radius:19px;box-shadow:0 3px 0 #324e4c44;pointer-events:auto;color:#385f53;backdrop-filter:none;display:flex;gap:7px;align-items:center}
body .hg-arena[data-game="tanks"] .hg-control-left{left:max(12px,env(safe-area-inset-left));flex-direction:column}
body .hg-arena[data-game="tanks"] .hg-control-right{right:max(12px,env(safe-area-inset-right));width:210px}
body .hg-arena[data-game="tanks"] .hg-controls label{color:#385f53!important;font-size:10px!important}body .hg-arena[data-game="tanks"] .hg-controls output{color:#456957!important}
body .hg-arena[data-game="tanks"] .hg-control-right>label:first-child{display:none!important}
body .hg-arena[data-game="tanks"] .hg-controls select{background:#fbefd4!important;color:#375f55!important;border:1px solid #bbab7e!important;height:48px!important;border-radius:12px;font-size:12px!important;padding:7px!important}
body .hg-arena[data-game="tanks"] .hg-controls select option{color:#385f53;background:#fff2d6}
body .hg-arena[data-game="tanks"] .hg-controls button{width:auto!important;min-width:48px!important;min-height:48px!important;height:48px!important;aspect-ratio:auto!important;border:2px solid #fff0cd!important;border-radius:14px!important;background:linear-gradient(#73a394,#42776f)!important;color:#fff4d7!important;box-shadow:0 3px 0 #2c554f!important;padding:8px!important;font-size:14px!important}
body .hg-arena[data-game="tanks"] #hg-fire{min-width:96px!important;background:linear-gradient(#ffe2a0,#dfad5a)!important;color:#5e4b2a!important;font-size:12px!important}
body .hg-arena[data-game="tanks"] .hg-drive{width:100%;justify-content:center;gap:8px}body .hg-arena[data-game="tanks"] .hg-controls input[type="range"]{accent-color:#568678!important;filter:none;height:22px!important;min-height:22px!important;margin:0}
.tn-guide{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff0cc;font:800 10px system-ui;letter-spacing:1px;pointer-events:none;text-align:center;max-width:26%}
.tn-meter{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:100px;width:54px;padding:8px 6px;border:1px solid #c8ab77;border-radius:16px;background:#fff2d6de;color:#3b6154;display:flex;flex-direction:column;align-items:center;gap:6px;font:900 9px system-ui;pointer-events:none}
.tn-meter>div{position:relative;width:22px;height:82px;background:linear-gradient(#579686,#f8d382);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #375f5540}.tn-meter i{position:absolute;inset:auto 0 0;background:#42695b70;height:65%}.tn-meter b{position:absolute;left:0;right:0;height:3px;bottom:65%;background:#fff9d4;box-shadow:0 1px 5px #263e3c}.tn-meter output{font-size:14px}
body .hg-arena[data-game="tanks"] #hg-level-info{position:absolute;top:auto!important;bottom:164px!important;left:14px;right:auto!important;max-width:80%;background:#fff3d7d9;border:1px solid #c4ae82;border-radius:12px;color:#4f6c5b;padding:8px 12px;font:800 11px system-ui;pointer-events:none}
body .hg-arena[data-game="tanks"] .hg-garage{box-sizing:border-box;min-height:100%;height:100%;width:min(900px,100%);margin:auto;padding:70px 24px 24px!important;background:linear-gradient(#d9e8d9,#b4cab2)!important;overflow:auto;gap:14px}
body .hg-arena[data-game="tanks"] .hg-tank-preview{flex:1 1 auto;border:2px solid #fff4d5;border-radius:26px;background:linear-gradient(#e6efd8,#b8d0b8);padding:16px;min-height:170px;color:#3b6253;box-shadow:0 5px 0 #60897a66}
body .hg-arena[data-game="tanks"] .hg-tank-preview .hg-eyebrow{color:#68816c;font-size:10px}body .hg-arena[data-game="tanks"] .hg-tank-preview h2{color:#365e50;margin:8px 0;font-size:30px}body .hg-arena[data-game="tanks"] .hg-tank-preview p{color:#5d785e;font-size:11px}
body .hg-arena[data-game="tanks"] .hg-tank-preview canvas{width:min(600px,100%);height:auto;max-height:38dvh;object-fit:contain;border-radius:18px}
body .hg-arena[data-game="tanks"] .hg-tank-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0;flex-shrink:0}
body .hg-arena[data-game="tanks"] .hg-tank-list button,body .hg-arena[data-game="tanks"] #hg-battle{min-width:0;background:linear-gradient(#fff1ce,#dfc799)!important;color:#496957!important;border:2px solid #fff4d5!important;min-height:48px;border-radius:14px;box-shadow:0 3px 0 #698772}
body .hg-arena[data-game="tanks"] .hg-tank-list button.selected{background:linear-gradient(#659d87,#3a7569)!important;color:#fff0d2!important}
body .hg-arena[data-game="tanks"] .hg-garage-foot{display:flex;flex-direction:column;gap:12px;text-align:center;flex-shrink:0}body .hg-arena[data-game="tanks"] .hg-garage-foot span{color:#496953;max-width:none;font-size:11px}body .hg-arena[data-game="tanks"] #hg-battle{width:100%;background:linear-gradient(#ffe2a0,#dfad5a)!important}
@media(max-width:360px){body .hg-arena[data-game="sky-runner"] .sr-pad{grid-template-columns:repeat(2,48px);gap:6px}body .hg-arena[data-game="sky-runner"] .sr-buttons button{width:48px!important;height:54px!important}body .hg-arena[data-game="sky-runner"] .sr-buttons .sr-bomb{width:54px!important;height:62px!important}}
@media(max-height:500px){body .hg-arena[data-game="sky-runner"] .sr-controls{width:100%;height:100%;}.sr-armory:has(.sr-buy){right:16px!important}.sr-hud{max-width:310px}.hg-arena[data-game="sky-runner"] .sr-ready{max-width:320px}body .hg-arena[data-game="tanks"] .hg-status{top:62px!important;font-size:10px}body .hg-arena[data-game="tanks"] .hg-control-left{width:155px;gap:3px;padding:7px}body .hg-arena[data-game="tanks"] .hg-control-right{width:195px;padding:7px}body .hg-arena[data-game="tanks"] .hg-player{padding:8px 10px;font-size:10px}body .hg-arena[data-game="tanks"] #hg-level-info{bottom:132px!important;padding:5px 9px;font-size:10px}.tn-meter{bottom:82px}.tn-meter>div{height:68px}body .hg-arena[data-game="tanks"] .hg-garage{padding:64px 72px 16px!important;gap:10px}body .hg-arena[data-game="tanks"] .hg-tank-preview{min-height:150px;padding:8px;flex-direction:row;flex-wrap:wrap;gap:5px}body .hg-arena[data-game="tanks"] .hg-tank-preview canvas{width:45%;max-height:25dvh}body .hg-arena[data-game="tanks"] .hg-tank-preview h2{font-size:22px}body .hg-arena[data-game="tanks"] .hg-tank-preview p{width:100%;margin:0}}
@media(max-width:600px) and (orientation:portrait){body .hg-arena[data-game="tanks"] .hg-garage{padding:72px 16px 20px!important}body .hg-arena[data-game="tanks"] .hg-tank-list{grid-template-columns:repeat(3,1fr)}body .hg-arena[data-game="tanks"] .hg-rotate{display:none!important}body .hg-arena[data-game="tanks"] .hg-player{max-width:47%;font-size:10px;padding:8px}body .hg-arena[data-game="tanks"] .hg-controls .hg-control-right{flex-direction:column;max-width:38%}body .hg-arena[data-game="tanks"] #hg-level-info{bottom:200px!important;font-size:10px}.tn-meter{bottom:170px}.tn-guide{bottom:150px;max-width:80%;width:240px}}
@media(prefers-reduced-motion:reduce){.sr-ready{transition:none!important}}

.hg-arena[data-game="tanks"] #hg-result{position:absolute!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(510px,calc(100% - 28px));max-height:calc(100% - 32px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:24px!important;background:linear-gradient(#fff7e4,#eadab9)!important;border:2px solid #bc9b66;border-radius:27px;box-shadow:0 12px 32px #152d3d55,0 0 0 100vmax #173a46b3;text-align:center;color:#3b6255;z-index:20}.hg-arena[data-game="tanks"] #hg-result:before{content:"";position:fixed;inset:-100vmax;z-index:-1;pointer-events:auto}.hg-arena[data-game="tanks"] #hg-result h2{color:#3b6255!important;font-size:28px!important;line-height:1.15;margin:0 0 16px!important}.sr-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.sr-result-stats>div{background:#f4e6c9;border:1px solid #d4bd93;border-radius:15px;padding:12px 4px}.sr-result-stats b{display:block;font:900 23px system-ui;color:#44675a}.sr-result-stats small{display:block;font:700 9px system-ui;margin-top:5px;color:#8c7c5f}.hg-arena[data-game="tanks"] #hg-result>button{display:block;width:100%;min-height:48px;margin:10px 0;border:1px solid #c1a278!important;border-radius:14px!important;background:#5f8979!important;color:#fff4df!important;box-shadow:0 3px 0 #3c5f5180;font:700 14px system-ui}.hg-arena[data-game="tanks"] #hg-rematch{background:linear-gradient(#f8d486,#e1b35f)!important;color:#694f2e!important}.hg-arena[data-game="tanks"] #hg-win-actions>p{font-size:12px;color:#65745c;margin:14px 0}.hg-arena[data-game="tanks"] .hg-share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hg-arena[data-game="tanks"] .hg-share-buttons>*{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px;border:1px solid #c6b695!important;border-radius:12px!important;background:#f7edd8!important;color:#4c695b!important;font:700 12px system-ui;box-shadow:none!important;text-decoration:none}.hg-arena[data-game="tanks"] #hg-share{grid-column:span 2;background:#d6e2c5!important}.hg-arena[data-game="tanks"] #hg-win-actions label{display:block;text-align:left;font:700 11px system-ui;margin-top:14px;color:#6f7c61}.hg-arena[data-game="tanks"] #hg-invite-next{width:100%;min-height:44px;margin-top:6px;border:1px solid #c6b695;border-radius:12px;background:#fff8e9;color:#466153;padding:8px;font-size:13px}.hg-arena[data-game="tanks"] #hg-invite-win{width:100%;min-height:44px;border:1px solid #c6b695;background:#eee0bd;color:#4d6655;border-radius:12px;margin-top:10px}

body .hg-arena[data-game="tanks"] #hg-result[hidden]{display:none!important}

.tn-guide,.tn-meter{display:none}body .hg-arena[data-game="tanks"] .tn-guide{display:block}body .hg-arena[data-game="tanks"] .tn-meter{display:flex}
body .hg-arena[data-game="tanks"] .hg-control-right>label{flex:1 1 auto!important;width:auto!important;min-width:0!important}body .hg-arena[data-game="tanks"] #hg-fire{flex:0 0 96px!important;text-shadow:none!important}body .hg-arena[data-game="tanks"] .hg-control-left,body .hg-arena[data-game="tanks"] .hg-control-right{text-shadow:none!important}body .hg-arena[data-game="tanks"] #hg-level-info{width:auto!important;max-width:70%!important}
body .hg-arena:is([data-game="sky-runner"],[data-game="tanks"]) .hg-stage{background:transparent!important}

body .hg-arena[data-game="tanks"][data-tank-active="false"] .tn-meter{opacity:.6}

body .hg-arena[data-game="tanks"] .hg-rotate{display:none!important}

body .hg-arena[data-game="tanks"]:has(#hg-garage:not([hidden])) .hg-status{top:max(20px,env(safe-area-inset-top))!important;left:78px!important;right:20px!important;max-height:44px}
/* Keep the power meter out of the opponent's starting position. */
body .hg-arena[data-game="tanks"] .tn-meter{left:max(12px,env(safe-area-inset-left));right:auto!important;top:126px;bottom:auto!important}