/* Skyguard's enamel, gold rims and tactile round controls, scoped to artillery. */
body .hg-arena[data-game="tanks"]{--deck:190px;--dialw:150px;--ring:190px;--orbit:70px}
body .hg-arena[data-game="tanks"] #hg-players{display:none!important}
body .hg-arena[data-game="tanks"] #hg-controls{display:block!important;height:var(--deck)!important;background:linear-gradient(#14374480,#102d3de8)!important;border-top:1px solid #97ceb940!important;pointer-events:none!important;padding:0!important}
body .hg-arena[data-game="tanks"] .hg-control-left,body .hg-arena[data-game="tanks"] .hg-control-right{display:none!important}
.ta-meters{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:var(--dialw) var(--dialw);gap:4px 12px;pointer-events:auto}
.ta-gauge{width:var(--dialw);color:#ffe2a1;text-align:center}.ta-arc{position:relative;width:100%;height:calc(var(--dialw)*.625);touch-action:none;outline:none}.ta-arc:focus-visible{filter:drop-shadow(0 0 4px #c6fff0)}.ta-arc[aria-disabled="true"]{opacity:.55}.ta-arc svg{width:100%;height:100%;overflow:visible}.ta-track{fill:none;stroke:#0a2437;stroke-width:15;stroke-linecap:round}.ta-fill{fill:none;stroke:#eabd63;stroke-width:10;stroke-linecap:round;stroke-dasharray:50 100}.ta-needle{stroke:#b1e7d8;stroke-width:3;transform-origin:80px 80px}.ta-arc circle{fill:#ffe3a3;stroke:#784c2e;stroke-width:2}.ta-arc b{position:absolute;top:38%;left:0;right:0;font:900 22px system-ui}.ta-arc small{position:absolute;top:65%;left:0;right:0;font:800 9px system-ui;letter-spacing:2px;color:#9cd5c9}.ta-steps{display:flex;justify-content:space-between;gap:8px}
body .hg-arena[data-game="tanks"] .ta-steps button,body .hg-arena[data-game="tanks"] .ta-meters .hg-drive button{width:44px!important;height:44px!important;min-height:44px!important;background:linear-gradient(#4e968c,#215c63)!important;border:2px solid #c4e2b3!important;border-radius:50%!important;box-shadow:0 4px 0 #102d3b!important;color:#fff0c9!important;font-size:19px!important}
body .hg-arena[data-game="tanks"] .ta-meters .hg-drive{display:flex!important;justify-content:center;grid-column:1/3;gap:12px!important}
.ta-ring{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:var(--ring);height:var(--ring);border-radius:50%;pointer-events:auto;background:radial-gradient(circle,#2e727c55,#13394d11 65%);border:1px solid #b1e5c12b}
body .hg-arena[data-game="tanks"] .ta-ring #hg-fire{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;padding:0!important;border-radius:50%!important;background:linear-gradient(#ffd985,#dc9549)!important;border:3px solid #fff0ac!important;color:#5c3b29!important;box-shadow:0 5px 0 #7d4f31,0 0 0 6px #264b59!important;font:900 15px system-ui!important;grid-row:auto!important;grid-column:auto!important}
body .hg-arena[data-game="tanks"] #hg-controls .ta-ammo{position:absolute;left:calc(50% + var(--ax)*var(--orbit));top:calc(50% + var(--ay)*var(--orbit));transform:translate(-50%,-50%)!important;width:46px!important;height:46px!important;min-height:46px!important;padding:2px!important;border-radius:50%!important;background:linear-gradient(#377789,#154357)!important;border:2px solid #85c8bb!important;color:#ffdfa2!important;box-shadow:0 3px 0 #082734!important;line-height:1}
.ta-ammo span{font-size:19px}.ta-ammo small{display:block;font:800 9px system-ui}.ta-ammo i{display:none;position:absolute;inset:0;place-items:center;font:900 36px system-ui;color:#ebc4b7;text-shadow:0 1px 4px #112732}.ta-ammo.empty i{display:grid}.ta-ammo.empty span,.ta-ammo.empty small{opacity:.3}.ta-ammo.selected{outline:3px solid #f6d07f;outline-offset:2px}.ta-selected{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);white-space:nowrap;font:750 9px system-ui;color:#ffdfa3;background:#143447;padding:3px 6px;border-radius:6px;pointer-events:none}
body .hg-arena[data-game="tanks"] #hg-tank-shop.ta-shop{position:absolute!important;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:15;width:auto!important;min-height:44px!important;border-radius:14px!important;border:2px solid #ffe4a0!important;background:linear-gradient(#eac479,#bb823f)!important;box-shadow:0 4px 0 #77502e!important;color:#553721!important;padding:6px 12px!important;font:850 12px system-ui!important}
body .hg-arena[data-game="tanks"] #hg-status{top:10px!important;max-width:calc(100% - 270px)!important}
body .hg-arena[data-game="tanks"] #hg-level-info{top:42px!important;max-width:calc(100% - 130px)!important}
body .hg-arena[data-game="tanks"] #hg-battle-canvas{inset:54px 0 var(--deck)!important;height:calc(100% - 54px - var(--deck))!important}
@media(orientation:portrait){body .hg-arena[data-game="tanks"]{--deck:270px;--dialw:140px;--ring:184px;--orbit:67px}.ta-meters{grid-template-columns:var(--dialw);bottom:10px;left:10px;gap:8px}.ta-steps{position:absolute;visibility:hidden}.ta-meters .hg-drive{grid-column:1!important}.ta-ring{right:14px;bottom:40px}body .hg-arena[data-game="tanks"] #hg-status{top:64px!important;max-width:80%!important}body .hg-arena[data-game="tanks"] #hg-level-info{top:94px!important}body .hg-arena[data-game="tanks"] #hg-battle-canvas{inset:110px 0 var(--deck)!important;height:calc(100% - 110px - var(--deck))!important}}
@media(max-width:360px) and (orientation:portrait){body .hg-arena[data-game="tanks"]{--dialw:110px;--ring:174px;--orbit:62px;--deck:230px}.ta-ring{right:10px;bottom:22px}.ta-arc b{font-size:18px}.ta-arc small{font-size:8px}.ta-meters{left:8px}}
@media(orientation:landscape) and (max-height:500px){body .hg-arena[data-game="tanks"]{--deck:158px;--dialw:126px;--ring:164px;--orbit:59px}.ta-meters{bottom:8px;gap:4px 10px}.ta-ring{bottom:4px;right:16px}body .hg-arena[data-game="tanks"] .ta-ring #hg-fire{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;font-size:13px!important}.ta-selected{bottom:-2px}.ta-steps{display:none}.ta-meters .hg-drive{grid-column:1/3!important}.ta-arc b{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.ta-ammo{transition:background .16s,outline .16s}.ta-needle{transition:transform .06s}}
.ta-huds{position:absolute;inset:0;pointer-events:none;z-index:6}.ta-tank-hud{position:absolute;width:88px;transform:translateX(-50%);padding:5px 6px;background:#133543d9;border:1px solid #acd7b883;border-radius:9px;box-shadow:0 3px 0 #08273366;color:#ffebc0;font:700 9px system-ui;text-align:center}.ta-tank-hud b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.ta-tank-hud span{display:block;height:4px;background:#082537;border-radius:4px;overflow:hidden;margin:3px 0}.ta-tank-hud i{display:block;height:100%;background:#f28b7d}.ta-tank-hud[data-hud="1"] .ta-hp i{background:#73c8e7}.ta-tank-hud .ta-fuel i{background:#ebd078}.ta-tank-hud small{display:block;font:700 8px system-ui;margin-top:4px}body .hg-arena:not([data-game="tanks"]) .ta-huds,body .hg-arena:not([data-game="tanks"]) .ta-shop{display:none!important}

/* v196: compact floating badges use sprite-scaled placement instead of a fixed vertical offset. */
.ta-tank-hud{width:84px;height:38px;box-sizing:border-box;transform:none;padding:3px 5px;display:grid;grid-template-rows:9px 3px 3px 9px;gap:2px;border-radius:7px;box-shadow:none;background:#153643bd}
.ta-tank-hud b{font:750 8px/9px system-ui;margin:0}
.ta-tank-hud span{height:3px;margin:0;border-radius:3px}
.ta-tank-hud small{font:650 7px/9px system-ui;margin:0}
.ta-tank-hud[hidden]{display:none!important}

/* v196: the world fills the viewport; controls float over continuous terrain. */
body .hg-arena[data-game="tanks"] #hg-battle-canvas{inset:0!important;width:100%!important;height:100%!important}
body .hg-arena[data-game="tanks"] #hg-controls{background:none!important;border:0!important}

/* v214: restore mobile rotation gate, avoid crowded ammo wheel. */
body .hg-arena[data-game="tanks"] .ta-ammo[hidden]{display:none!important}
body .hg-arena[data-game="tanks"] .ta-ammo-page{position:absolute!important;left:50%!important;top:-32px!important;transform:translateX(-50%)!important;white-space:nowrap!important;min-height:32px!important;padding:6px 12px!important;border:1px solid #d8b971!important;border-radius:12px!important;background:#153e50!important;color:#ffe3a3!important;font:700 10px system-ui!important;box-shadow:0 2px 0 #071e2c!important}
body .hg-arena[data-game="tanks"] .ta-selected{bottom:-5px!important}
body .hg-arena[data-game="tanks"] #hg-controls{background:linear-gradient(180deg,#102f42e8,#0a202f)!important;border-top:1px solid #e4bd7440!important}
body .hg-arena[data-game="tanks"] .ta-ring{box-shadow:inset 0 0 0 5px #ffffff05,0 8px 20px #0003!important}
body .hg-arena[data-game="tanks"] .ta-ammo.selected{outline:3px solid #ffe1a0!important;outline-offset:2px!important}
body .hg-arena[data-game="tanks"] #hg-rotate{display:none!important}
@media(pointer:coarse) and (orientation:portrait) and (max-width:1200px){body .hg-arena[data-game="tanks"] #hg-rotate{display:flex!important;position:absolute!important;inset:0!important;z-index:100!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:14px!important;background:linear-gradient(145deg,#183b4d,#0a1b2a)!important;color:#fff0cf!important;text-align:center!important;padding:24px!important}body .hg-arena[data-game="tanks"] #hg-rotate button{min-height:48px!important;min-width:180px!important;padding:12px 22px!important;border:1px solid #e5c780!important;border-radius:16px!important;background:#e7bd73!important;color:#483821!important;font-weight:750!important}body .hg-arena[data-game="tanks"] #hg-rotate-back{background:#244859!important;color:#fff0cf!important}}
@media(orientation:landscape) and (max-height:500px){body .hg-arena[data-game="tanks"]{--deck:142px;--dialw:115px;--ring:148px;--orbit:53px}body .hg-arena[data-game="tanks"] .ta-ammo{width:44px!important;height:44px!important;min-height:44px!important}body .hg-arena[data-game="tanks"] .ta-meters{left:max(12px,env(safe-area-inset-left))!important}body .hg-arena[data-game="tanks"] .ta-ring{right:max(18px,env(safe-area-inset-right))!important}}



/* v263 Tank 2D accessible aiming and larger controls */
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-arc{height:105px!important;min-height:105px;box-sizing:border-box;padding:0 8px;cursor:ew-resize;touch-action:none;user-select:none;position:relative}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-label{display:block;font:800 10px/1.3 system-ui;letter-spacing:1px;color:#c5e8df}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-value{display:block;font:900 28px/1.2 system-ui;color:#ffe9b2;text-shadow:0 2px 6px #001}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-rail{display:block;position:relative;margin:11px 0 0;height:16px;border:2px solid #8ac8bb;border-radius:20px;background:#153c4d;box-sizing:border-box}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-progress{display:block;width:24%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#48b7a7,#f4cc7e)}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-thumb{position:absolute;left:24%;top:50%;height:32px;width:32px;border-radius:50%;box-sizing:border-box;background:#fff0bf;border:4px solid #287c78;box-shadow:0 2px 8px #0018;transform:translate(-50%,-50%)}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-hints{display:flex;justify-content:space-between;margin-top:9px;font:700 10px system-ui;color:#b4d9d2}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-steps{display:flex;visibility:visible;position:static}
body .hg-arena[data-game="tanks"] .ta-steps button,body .hg-arena[data-game="tanks"] .ta-meters .hg-drive button{min-width:54px!important;width:54px!important;min-height:54px!important;height:54px!important}
body .hg-arena[data-game="tanks"] .ta-ring #hg-fire{min-width:88px!important;width:88px!important;min-height:88px!important;height:88px!important}
@media (orientation:portrait){body .hg-arena[data-game="tanks"]{--deck:310px}body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-steps{display:flex;visibility:visible;position:static}}
@media (orientation:landscape) and (max-height:500px){body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-arc{height:88px!important;min-height:88px}body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-value{font-size:23px}body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-steps{display:flex;visibility:visible}}

/* v264: continuous battlefield with compact floating controls. */
body .hg-arena[data-game="tanks"] #hg-battle-canvas{position:absolute!important;inset:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:fill!important}
body .hg-arena[data-game="tanks"] #hg-controls{position:absolute!important;inset:0!important;height:100%!important;background:transparent!important;border:0!important;pointer-events:none!important;z-index:8!important}
body .hg-arena[data-game="tanks"] .ta-meters{bottom:max(12px,env(safe-area-inset-bottom))!important;left:max(12px,env(safe-area-inset-left))!important;display:flex!important;align-items:flex-end!important;gap:12px!important}
body .hg-arena[data-game="tanks"] .ta-gauge{width:clamp(125px,16vw,205px)!important}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-arc{height:88px!important;min-height:88px!important}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-steps{display:flex!important;visibility:visible!important;position:static!important}
body .hg-arena[data-game="tanks"] .ta-meters .hg-drive{display:flex!important;align-self:flex-end!important;gap:8px!important}
body .hg-arena[data-game="tanks"] .ta-ring{right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
body .hg-arena[data-game="tanks"] .ta-arsenal-toggle{position:absolute!important;top:-44px!important;left:50%!important;transform:translateX(-50%)!important;min-height:40px!important;padding:6px 18px!important;white-space:nowrap!important;border:1px solid #e3c58b!important;border-radius:12px!important;background:#193c50!important;color:#ffe6b6!important;font:800 13px system-ui!important;pointer-events:auto!important}
body .hg-arena[data-game="tanks"] .ta-arsenal-tray{position:absolute;bottom:calc(100% + 52px);right:0;width:min(350px,86vw);max-height:min(260px,42vh);overflow:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:12px;background:#102d3df5;border:1px solid #c4d9b1;border-radius:18px;box-shadow:0 8px 26px #0009;pointer-events:auto}
body .hg-arena[data-game="tanks"] .ta-arsenal-tray[hidden]{display:none!important}
body .hg-arena[data-game="tanks"] #hg-controls .ta-arsenal-tray .ta-ammo{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:52px!important;height:52px!important;min-height:52px!important}
body .hg-arena[data-game="tanks"] .ta-selected{bottom:-18px!important}
@media(max-width:850px) and (orientation:landscape){body .hg-arena[data-game="tanks"] .ta-meters{gap:6px!important}body .hg-arena[data-game="tanks"] .ta-gauge{width:clamp(105px,18vw,150px)!important}body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-arc{height:72px!important;min-height:72px!important}body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-value{font-size:23px!important}body .hg-arena[data-game="tanks"] .ta-steps button,body .hg-arena[data-game="tanks"] .ta-meters .hg-drive button{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}body .hg-arena[data-game="tanks"] .ta-ring{--ring:145px;--orbit:50px}body .hg-arena[data-game="tanks"] .ta-ring #hg-fire{width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important}}
@media(orientation:portrait){body .hg-arena[data-game="tanks"] .ta-meters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));bottom:14px!important;max-width:calc(100% - 210px)!important}body .hg-arena[data-game="tanks"] .ta-gauge{width:clamp(105px,20vw,155px)!important}body .hg-arena[data-game="tanks"] .ta-meters .hg-drive{grid-column:1/3!important}}

/* v265: always-visible ammunition orbit; bigger touch tracks; no squeezed controls deck */
body .hg-arena[data-game="tanks"] .ta-arsenal-toggle,body .hg-arena[data-game="tanks"] .ta-arsenal-tray{display:none!important}
body .hg-arena[data-game="tanks"] .ta-ring{--ring:248px!important;--orbit:101px!important;width:var(--ring)!important;height:var(--ring)!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
body .hg-arena[data-game="tanks"] #hg-controls .ta-ring .ta-ammo{display:block!important;width:43px!important;height:43px!important;min-height:43px!important;left:calc(50% + var(--ax)*var(--orbit))!important;top:calc(50% + var(--ay)*var(--orbit))!important}
body .hg-arena[data-game="tanks"] .ta-selected{display:none!important}
body .hg-arena[data-game="tanks"] .ta-meters{gap:14px!important;bottom:max(14px,env(safe-area-inset-bottom))!important}
body .hg-arena[data-game="tanks"] .ta-gauge{width:clamp(195px,17vw,290px)!important}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-arc{height:112px!important;min-height:112px!important;padding:0 10px!important}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-rail{height:24px!important;margin-top:15px!important}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-thumb{height:42px!important;width:42px!important;border-width:5px!important}
body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-value{font-size:32px!important}
body .hg-arena[data-game="tanks"] #hg-controls{background:transparent!important;border:0!important}
/* Keep the original world geometry readable on very wide monitors. */
body .hg-arena[data-game="tanks"] #hg-battle-canvas{object-fit:contain!important;background:linear-gradient(#102032,#3b6571)!important}
@media (orientation:landscape) and (max-height:600px){
 body .hg-arena[data-game="tanks"] .ta-ring{--ring:196px!important;--orbit:79px!important}
 body .hg-arena[data-game="tanks"] #hg-controls .ta-ring .ta-ammo{width:37px!important;height:37px!important;min-height:37px!important}
 body .hg-arena[data-game="tanks"] .ta-gauge{width:clamp(150px,19vw,225px)!important}
 body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-arc{height:90px!important;min-height:90px!important}
 body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-rail{height:22px!important;margin-top:10px!important}
 body .hg-arena[data-game="tanks"] .ta-angle-touch .ta-angle-thumb{width:38px!important;height:38px!important}
 body .hg-arena[data-game="tanks"] .ta-meters{gap:7px!important}
}
@media (orientation:portrait){body .hg-arena[data-game="tanks"] .ta-ring{--ring:192px!important;--orbit:77px!important}body .hg-arena[data-game="tanks"] #hg-controls .ta-ring .ta-ammo{width:35px!important;height:35px!important;min-height:35px!important}body .hg-arena[data-game="tanks"] .ta-gauge{width:clamp(135px,35vw,200px)!important}}