.classic{position:absolute;inset:0;pointer-events:none;font:12px Arial,sans-serif;color:#eee}.classic-bar{height:32px;display:flex;align-items:center;gap:8px;padding:1px 6px;pointer-events:auto;background:#242923 url('/play/ui-original/7_assets.window.bitmaps.WindowBGTile.jpg');border-bottom:1px solid #050805}.classic-bar[hidden]{display:none}.classic-identity{display:flex;gap:6px;align-items:center;min-width:140px}.classic-identity img{width:15px;height:15px}.classic-indicators{width:240px;height:29px;background:url('/play/ui-sprites/DefineSprite_756_controls.panel.Indicators/1.png');display:flex;align-items:center;justify-content:space-between;padding:0 7px;text-shadow:1px 1px #000}.native-button{height:30px;color:#eee;text-shadow:1px 1px #111;font:13px Arial,sans-serif;padding:0 16px;border:0;border-radius:0;background-image:url('/play/ui-original/676_assets.button.button_def_UP_LEFT.png'),url('/play/ui-original/675_assets.button.button_def_UP_RIGHT.png'),url('/play/ui-original/677_assets.button.button_def_UP_CENTER.png');background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x;cursor:pointer}.native-button:hover{filter:brightness(1.12)}.native-button:active{filter:brightness(.85)}.native-button:disabled{opacity:.45;cursor:default}.panel-button{width:90px;height:29px;padding:0 2px 0 26px;font-size:12px;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.classic-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:calc(100% - 65px);overflow:auto;padding:20px;pointer-events:auto;background:url('/play/ui-original/7_assets.window.bitmaps.WindowBGTile.jpg');border:4px ridge #53614a;box-shadow:0 4px 18px #0008}.classic-window[hidden]{display:none}.classic-window h1{font-size:18px;font-weight:normal;margin:0 0 16px;text-shadow:1px 1px #000}.classic-window h2{font-size:13px;margin:12px 0}.native-inner{background:url('/play/ui-original/33_assets.windowinner.bitmaps.WindowInnerBGTile.jpg');border:3px inset #526046;padding:8px;max-height:55vh;overflow:auto}.native-login{display:grid;gap:12px;max-width:270px;margin:20px auto}.native-login input{height:30px;background:#1b2517 url('/play/ui-original/29_assets.input.InputCenter.png') repeat-x;border:1px solid #596c42;color:#eee;padding:0 8px;font:13px Arial,sans-serif}.battle-row{display:flex;gap:8px;align-items:center;padding:4px;min-height:38px;border-bottom:1px solid #536049}.battle-row>span{flex:1}.migration-limit{color:#bac3b2;font-size:11px;line-height:1.5}.original-link{color:#d6e6bd}.classic-notice{position:absolute;top:40px;left:50%;transform:translateX(-50%);color:#fff;background:#202b1ccf;padding:5px 9px;max-width:80%;text-align:center}.classic-notice:empty{display:none}.classic-hp{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:150px;height:18px;border:1px solid #111;background:linear-gradient(to right,#4c962c var(--health),#263a1d var(--health));text-align:center;font-size:11px;line-height:16px;text-shadow:1px 1px #000}.tank-labels,.damage-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tank-name{position:absolute;text-align:center;transform:translate(-50%,-100%);font-size:11px;white-space:nowrap;text-shadow:1px 1px #000,-1px -1px #000}.tank-name img{width:15px;height:15px;vertical-align:middle;margin-right:3px}.hit{position:absolute;font:bold 13px Arial;color:#fff;text-shadow:1px 1px #000;animation:hit-rise .8s ease-out forwards}.hit.critical{color:#ff6565}@keyframes hit-rise{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-45px)}}body[data-online] #migration-note{display:none}body[data-online] #scene{height:calc(100% - 32px);margin-top:32px}body[data-online] #status{z-index:3}

.panel-button.close-button{width:29px;min-width:29px;background-size:23px 23px;padding:0;margin-left:auto}
/* Native TankWindow uses 11px edges and 11px vector corner sprites. */
.native-window{position:relative;background:url('/play/ui-original/7_assets.window.bitmaps.WindowBGTile.jpg') 7px 7px;border:0;box-shadow:none;color:#b8b8b8;font:12px Tahoma,Arial,sans-serif}.window-edge,.window-corner{position:absolute;pointer-events:none;z-index:1}.window-edge.top{top:0;left:11px;right:11px;height:11px;background:url('/play/ui-original/4_assets.window.bitmaps.WindowTop.png') repeat-x}.window-edge.bottom{bottom:0;left:11px;right:11px;height:11px;background:url('/play/ui-original/8_assets.window.bitmaps.WindowBottom.png') repeat-x}.window-edge.left{left:0;top:11px;bottom:11px;width:11px;background:url('/play/ui-original/6_assets.window.bitmaps.WindowLeft.png') repeat-y}.window-edge.right{right:0;top:11px;bottom:11px;width:11px;background:url('/play/ui-original/5_assets.window.bitmaps.WindowRight.png') repeat-y}.window-corner{width:11px;height:11px}.window-corner.tl{top:0;left:0;background:url('/play/ui-sprites/DefineSprite_479_assets.window.elemets.WindowTopLeftCorner/1.png')}.window-corner.tr{top:0;right:0;background:url('/play/ui-sprites/DefineSprite_476_assets.window.elemets.WindowTopRightCorner/1.png')}.window-corner.bl{bottom:0;left:0;background:url('/play/ui-sprites/DefineSprite_3_assets.window.elemets.WindowBottomLeftCorner/1.png')}.window-corner.br{bottom:0;right:0;background:url('/play/ui-sprites/DefineSprite_482_assets.window.elemets.WindowBottomRightCorner/1.png')}.window-title{position:absolute;width:229px;height:43px;top:-27px;left:50%;transform:translateX(-50%);background-position:center -61px;background-repeat:no-repeat;z-index:0}
.entrance-host{position:absolute;inset:0;pointer-events:auto;background:#000 url('/play/entrance/background.jpg') center top no-repeat}.entrance-host[hidden]{display:none}.entrance-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;height:307px}.entrance-window.login{width:372px;height:193px}.entrance-form{position:absolute;inset:0}.entrance-switch{position:absolute;left:25px;top:25px;right:25px;font-size:12px;line-height:15px;white-space:nowrap}.native-text-link{font:inherit;color:#59ff32;text-decoration:underline;padding:0;border:0;background:none;cursor:pointer;height:auto;border-radius:0}.native-text-link:hover{background:none;color:#83ff66}.restore-link{position:absolute;right:0}.entrance-input{position:absolute;left:80px;right:25px;height:30px;display:block;font:12px Tahoma,Arial,sans-serif;color:#b8b8b8}.entrance-input span{position:absolute;right:calc(100% + 7px);top:7px;white-space:nowrap}.entrance-input input{width:100%;height:30px;border:0;border-radius:0;color:#fff;font:12px Tahoma,Arial,sans-serif;padding:5px 5px;outline:none;background-image:url('/play/ui-original/27_assets.input.InputLeft.png'),url('/play/ui-original/25_assets.input.InputRight.png'),url('/play/ui-original/29_assets.input.InputCenter.png');background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x}.entrance-input input:focus-visible{outline:1px solid #9c9c9c;outline-offset:-2px}.entrance-input.username{top:55px}.entrance-input.password{top:95px}.entrance-input.repeat{top:135px}.entrance-window.login .entrance-input{left:80px}.entrance-window.login .entrance-input.username{top:48px}.entrance-window.login .entrance-input.password{top:86px}.entrance-remember{position:absolute;left:80px;top:185px;display:flex;gap:4px;align-items:center;height:28px;font:12px Tahoma,Arial,sans-serif}.entrance-remember input{appearance:none;width:27px;height:28px;margin:0;cursor:pointer;background:url('/play/ui-checkbox/1.png') no-repeat}.entrance-remember input:not(:checked){background-image:url('/play/entrance/checkbox-unchecked.svg')}.entrance-remember input:focus-visible{outline:1px solid #ccc}.entrance-window.login .entrance-remember{top:138px}.entrance-submit{position:absolute;right:25px;top:185px;width:115px;font:12px Tahoma,Arial,sans-serif}.entrance-window.login .entrance-submit{top:138px}.entrance-terms{position:absolute;left:25px;top:231px;right:25px;font:12px Tahoma,Arial,sans-serif;line-height:14px}.entrance-terms a{display:block;color:#59ff32;text-decoration:underline}.entrance-error{position:absolute;top:calc(100% + 8px);left:0;right:0;color:#ffb2a4;text-align:center;line-height:16px;text-shadow:1px 1px #000}.entrance-error:empty{display:none}body[data-entrance] #scene{visibility:hidden}body[data-entrance] #status{display:none}.native-button:hover{filter:none;background-image:url('/play/ui-original/673_assets.button.button_def_OVER_LEFT.png'),url('/play/ui-original/672_assets.button.button_def_OVER_RIGHT.png'),url('/play/ui-original/674_assets.button.button_def_OVER_CENTER.png')}.native-button:active{filter:none;background-image:url('/play/ui-original/670_assets.button.button_def_DOWN_LEFT.png'),url('/play/ui-original/669_assets.button.button_def_DOWN_RIGHT.png'),url('/play/ui-original/671_assets.button.button_def_DOWN_CENTER.png')}.native-button.panel-button:hover{filter:brightness(1.12)}@media(max-width:395px){.entrance-window{transform:translate(-50%,-50%) scale(.85)}.entrance-window.login{transform:translate(-50%,-50%) scale(.88)}}
.entrance-terms .native-text-link{display:block;line-height:14px;text-align:left}.entrance-legal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,94vw);height:min(500px,85vh);z-index:5;padding:25px}.entrance-legal-content{height:calc(100% - 42px);color:#eee;font:12px Tahoma,Arial,sans-serif;overflow:auto;white-space:pre-line;max-height:none;margin-bottom:12px}.entrance-legal>.native-button{float:right;width:115px}.entrance-legal-content a{color:#59ff32}

.entrance-input input{background-color:transparent}.entrance-remember input{background-image:url('/play/ui-sprites/DefineSprite_989_assets.icons.CheckIcons/4.png'),url('/play/entrance/checkbox-unchecked.svg');background-position:center 0,center 0}.entrance-remember input:not(:checked){background-image:url('/play/entrance/checkbox-unchecked.svg')}.entrance-window.register .entrance-input{left:75px}.entrance-window.register .entrance-remember{left:75px}
@font-face{font-family:NativeMyriad;src:url('/play/entrance/fonts/2_alternativa.init.TanksFontsActivator_MyriadPro_MyriadPro.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:NativeMyriad;src:url('/play/entrance/fonts/1_alternativa.init.TanksFontsActivator_MyriadProB_MyriadPro.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.classic,.native-window,.entrance-input,.entrance-input input,.entrance-remember,.entrance-submit,.entrance-terms,.entrance-legal-content{font-family:NativeMyriad,Tahoma,Arial,sans-serif}.entrance-switch{font-size:12px}
.classic-lobby{position:absolute;inset:60px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:auto;background:#1b1b1b}.classic-lobby[hidden]{display:none}.classic-lobby>.native-window{min-width:0;height:100%;padding:11px}.lobby-chat-messages{position:absolute;inset:11px 11px 50px;padding:8px;max-height:none;overflow:auto}.lobby-chat-form{position:absolute;bottom:12px;left:11px;right:11px}.lobby-chat-form input{width:100%;height:30px;color:#fff;font:12px NativeMyriad,Tahoma,sans-serif;background:#111;border:1px solid #555;padding:4px}.chat-line{line-height:16px;overflow-wrap:anywhere}.chat-line strong{color:#59ff32;font-weight:400}.chat-line.warning{color:#ffb2a4}.lobby-battles>.battle-list{position:absolute;inset:11px 11px 47px;max-height:none;padding:4px}.native-battle-row{display:flex;width:100%;align-items:center;gap:5px;height:20px;min-height:20px;margin:0;padding:0 8px;border:0;border-radius:0;color:#fff;font:12px NativeMyriad,Tahoma,sans-serif;background:url('/play/ui-original/55_assets.cellrenderer.battlelist.cell_normal_UP_CENTER.png') repeat-x;cursor:pointer;text-align:left}.native-battle-row.selected{background-image:url('/play/ui-original/58_assets.cellrenderer.battlelist.cell_normal_SELECTED_CENTER.png')}.native-battle-row:hover{filter:brightness(1.15)}.battle-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.battle-count{width:36px;text-align:right}.battle-mode{width:30px;text-align:right}.lobby-refresh{position:absolute;bottom:12px;right:11px;width:115px}.lobby-info-content{height:calc(100% - 61px);display:flex;flex-direction:column;gap:8px;padding:3px}.lobby-info-content h2{font-size:14px;font-weight:400;margin:0}.battle-settings{margin:0;font-size:12px}.native-map-preview{width:100%;height:calc((100vh - 60px)*.3);object-fit:cover}.native-participants{flex:1;max-height:none;min-height:50px;padding:4px}.native-player-row{display:flex;gap:4px;align-items:center;height:20px;white-space:nowrap}.native-player-row img{width:15px;height:15px}.player-score{margin-left:auto}.lobby-join{position:absolute;bottom:31px;right:11px;display:flex;gap:8px}.lobby-join .native-button{min-width:115px;height:30px}body[data-lobby] #scene{visibility:hidden}.classic-bar{font-family:NativeMyriad,Tahoma,sans-serif}.classic-lobby .window-title{pointer-events:none}
/* Native GarageWindow: 412px information panel, two 169px strips. */
body[data-garage] #scene{visibility:hidden}
.native-garage{position:fixed;inset:60px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 412px;grid-template-rows:minmax(150px,1fr) 169px 169px;color:#d7dec8;font-family:NativeMyriad,Arial,sans-serif;font-size:12px;pointer-events:auto}
.native-garage>.native-window{position:relative;min-width:0;min-height:0}
.garage-preview{grid-column:1}.garage-info{grid-column:2}
.garage-owned,.garage-shop{grid-column:1 / 3;margin-left:27px}
.garage-viewport{position:absolute;inset:11px;overflow:hidden;touch-action:none}
.garage-viewport canvas{display:block;width:100%;height:100%}
.garage-details{position:absolute;inset:11px;padding:16px;overflow:auto}
.garage-details h2{font-size:18px;margin:0 0 20px}.garage-property{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.garage-details .native-button{margin-top:20px}
.garage-strip-label{position:absolute;left:-26px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:14px;font-weight:bold}
.garage-cards{position:absolute;inset:11px;display:flex;gap:4px;padding:4px;overflow-x:auto;overflow-y:hidden}
.garage-card{flex:0 0 120px;position:relative;height:128px;padding:6px;border:1px solid #59684c;border-radius:3px;background:linear-gradient(#35432d,#192515);color:#dae3d0;font:12px NativeMyriad,Arial;cursor:pointer}
.garage-card:hover{background:#42533a}.garage-card.selected{border:2px solid #b6c597;background:#546746}
.garage-card>span{display:block;text-align:left;font-weight:bold}.garage-card img{width:108px;height:80px;object-fit:contain}.garage-mounted{position:absolute;bottom:4px;left:6px;color:#cfdfa9}
@media(max-width:780px){.native-garage{grid-template-columns:minmax(0,1fr) 280px}}
/* Original GarageItemBackground frames; native 200×130 card dimensions. */
.garage-cards{gap:4px;padding:4px 0;scrollbar-color:#708159 #263021}
.garage-card,.garage-card:hover,.garage-card.selected{flex-basis:200px;width:200px;height:130px;border:0;border-radius:0;padding:0;background-color:transparent;background-size:200px 130px;background-repeat:no-repeat;overflow:hidden}
.garage-card-name{position:absolute;left:9px;top:7px;font-weight:normal!important;text-shadow:0 1px 1px #000}
.garage-card img:not(.garage-card-rank){position:absolute;left:10px;top:24px;width:180px;height:90px;object-fit:contain}
.garage-card .garage-mounted{left:9px;bottom:7px;font-size:11px}.garage-card-price{position:absolute;bottom:6px;right:9px;font-size:12px;color:#fff}
.garage-card .garage-card-rank{position:absolute;right:9px;top:6px;width:15px;height:15px}.garage-card.rank-locked{color:#a4aa9d}
.garage-container .garage-inventory-count{z-index:2;color:#e0b84a;font-weight:bold;text-shadow:0 1px 2px #000}
.garage-container[data-container=common]{box-shadow:inset 0 0 0 2px #8d8d8d}.garage-container[data-container=rare]{box-shadow:inset 0 0 0 2px #3c7edb}.garage-container[data-container=epic]{box-shadow:inset 0 0 0 2px #b15cff}.garage-container[data-container=legendary]{box-shadow:inset 0 0 0 2px #e0b84a}
.garage-container-art{display:flex;align-items:flex-end;gap:12px;margin:0 8px 8px;min-height:140px}.garage-container-art .garage-container-picture{width:240px;height:160px;object-fit:contain}.garage-container-art .garage-container-key{width:72px;height:96px;object-fit:contain}
.garage-card-name{z-index:3}
.garage-container-copy,.garage-container-wallet,.garage-container-note,.garage-container-shop{margin:6px 8px;color:#d7e2c8;font:13px NativeMyriad,Arial}
.garage-container-note[data-error=true]{color:#ffb4a8}.garage-container-actions{flex-wrap:wrap;gap:4px}
.container-open-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#000a;pointer-events:auto}
.container-open-window{width:min(460px,92vw);min-height:300px;padding:22px 18px 16px;box-sizing:border-box}
.container-open-title{margin:8px 8px 0;color:#d7e7c4;font:18px NativeMyriad,Arial;text-align:center}
.container-open-stage{position:relative;height:190px;display:grid;place-items:center;overflow:hidden}
.container-open-glow{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(10px);opacity:.8;animation:container-glow 1s ease-in-out infinite}
.container-open-crate{width:210px;height:150px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 12px 10px #000)}
.container-open-crate.shake{animation:container-shake .72s ease-in-out infinite}
.container-open-crate.burst,.container-open-glow.burst{animation:container-burst .48s ease-in forwards}
.container-open-status{margin:4px 12px 8px;text-align:center;color:#e7f0dc;font:14px NativeMyriad,Arial}
.container-open-status[data-error=true]{color:#ffb4a8}
.container-open-rewards{max-height:180px;overflow:auto;margin:0 8px 12px;display:flex;flex-direction:column;gap:4px}
.container-open-reward{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#142414;border:1px solid #3d5a34;color:#f3f7ee;font:13px NativeMyriad,Arial;animation:container-reward .35s ease-out both}
.container-open-spark{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}
.container-open-window .native-button{display:block;margin:0 auto}
@keyframes container-shake{0%,100%{transform:rotate(0) translateY(0)}20%{transform:rotate(-7deg) translateY(-2px)}40%{transform:rotate(7deg) translateY(1px)}60%{transform:rotate(-5deg) scale(1.04)}80%{transform:rotate(5deg) scale(1.02)}}
@keyframes container-glow{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.08);opacity:.95}}
@keyframes container-burst{to{transform:scale(1.35);opacity:0;filter:brightness(2.4)}}
@keyframes container-reward{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.garage-strip-title{width:43px!important;height:146px!important;left:-27px!important;top:50%!important;transform:translateY(-50%)!important;background-position:-100px 0!important}
.garage-details{padding:11px;display:flex;flex-direction:column}.garage-details h2{font-size:18px;margin:0 0 16px}.garage-properties{background:#1a2419;border:1px solid #4f6244;padding:8px 10px;border-radius:3px}.garage-property{margin:7px 0}
.garage-actions{margin-top:auto;display:flex;gap:15px;align-items:flex-end;padding-top:15px;flex-wrap:wrap}.garage-actions .native-button{margin-top:0}.garage-buy-button{min-width:120px;min-height:50px;display:flex;flex-direction:column;justify-content:center;gap:4px}.garage-buy-button b{font-size:12px}.garage-buy-button small{font-size:10px;color:#efaa77}
.garage-confirm-overlay{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20}.garage-confirm{width:380px;padding:25px}.garage-confirm p{margin:10px 0 25px}.garage-confirm>div:last-child{display:flex;justify-content:center;gap:10px}

.native-button,.native-button:hover,.native-button:active{background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-actions .native-button{height:50px;min-width:120px;font-family:NativeMyriad,Arial;background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png')}
.garage-actions .native-button:hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}
.garage-actions .native-button:active{background-image:url('/play/ui-original/640_assets.button.bigbutton_DOWN_LEFT.png'),url('/play/ui-original/639_assets.button.bigbutton_DOWN_RIGHT.png'),url('/play/ui-original/641_assets.button.bigbutton_DOWN_CENTER.png')}
.garage-actions .native-button:disabled{opacity:1;color:#92998e;background-image:url('/play/ui-original/637_assets.button.bigbutton_OFF_LEFT.png'),url('/play/ui-original/636_assets.button.bigbutton_OFF_RIGHT.png'),url('/play/ui-original/638_assets.button.bigbutton_OFF_CENTER.png')}
.garage-properties{position:relative;border:0;border-radius:0;background-image:url('/play/garage-original/65_alternativa.tanks.gui.ItemInfoPanelBitmaps_bitmapPropertiesLeft.png'),url('/play/garage-original/17_alternativa.tanks.gui.ItemInfoPanelBitmaps_bitmapPropertiesCenter.png');background-position:left top,center top;background-size:7px 100%,calc(100% - 14px) 100%;background-repeat:no-repeat;background-color:transparent;padding:10px}
.garage-properties:after{content:'';position:absolute;right:0;top:0;bottom:0;width:7px;background:url('/play/garage-original/65_alternativa.tanks.gui.ItemInfoPanelBitmaps_bitmapPropertiesLeft.png') no-repeat;background-size:7px 100%;transform:scaleX(-1)}
.garage-property{align-items:center;gap:8px;min-height:22px}.garage-property-icon{width:24px;height:24px;object-fit:contain}.garage-property>span{flex:1}.garage-property>b{font-weight:normal}
/* SelectUpgradeWindow native dimensions and original upgrade progress skin. */
.native-upgrades{width:597px;max-width:94vw;padding:13px 12px;max-height:90vh;overflow:auto;font:12px NativeMyriad,Arial}
.upgrade-content{display:flex;flex-direction:column;gap:7px}.native-upgrade-row{display:grid;grid-template-columns:minmax(0,430px) 136px;gap:7px;height:50px}
.native-upgrade-info{position:relative;display:flex;gap:8px;align-items:center;padding:0 10px;overflow:hidden;background:#17300f;margin:0;min-height:50px}
.native-upgrade-info>*:not(.upgrade-level-progress){position:relative;z-index:1}.native-upgrade-info .garage-property-icon{flex:0 0 24px}.upgrade-level{min-width:40px;white-space:nowrap}.upgrade-property-name{white-space:nowrap}.upgrade-property-value{color:#89e848;white-space:nowrap}.upgrade-row-clock{margin-left:auto;white-space:nowrap;font-size:11px}
.upgrade-level-progress{position:absolute;left:1px;top:1px;bottom:1px;background-image:url('/play/garage-original/10_alternativa.tanks.gui.upgrade.UpgradeInfoForm_leftProgressResource.png'),url('/play/garage-original/26_alternativa.tanks.gui.upgrade.UpgradeInfoForm_centerProgressResource.png');background-repeat:no-repeat,repeat-x;background-position:left top,center top;background-size:auto 100%;mix-blend-mode:overlay;pointer-events:none}
.upgrade-footer{height:35px;display:flex;justify-content:flex-end;align-items:flex-end;padding-top:5px}.upgrade-footer .native-button{width:95px}
.upgrade-action{height:50px;min-height:50px;font-family:NativeMyriad,Arial;background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png')}
.upgrade-action:hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}
.upgrade-action:active{background-image:url('/play/ui-original/640_assets.button.bigbutton_DOWN_LEFT.png'),url('/play/ui-original/639_assets.button.bigbutton_DOWN_RIGHT.png'),url('/play/ui-original/641_assets.button.bigbutton_DOWN_CENTER.png')}
.upgrade-action:disabled{opacity:.6}.garage-upgrade-button{display:flex;flex-direction:column;justify-content:center;gap:4px}.garage-upgrade-button b{font-size:12px}.garage-upgrade-countdown{margin:14px 0 8px;color:#d1d8c6}
.native-button.gold-upgrade-button{background-image:url('/play/garage-original/67_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_leftUpClass.png'),url('/play/garage-original/60_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_rightUpClass.png'),url('/play/garage-original/55_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_middleUpClass.png')}
.native-button.gold-upgrade-button:hover{background-image:url('/play/garage-original/48_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_leftOverClass.png'),url('/play/garage-original/63_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_rightOverClass.png'),url('/play/garage-original/4_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_middleOverClass.png')}
.native-button.gold-upgrade-button:active{background-image:url('/play/garage-original/22_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_leftDownClass.png'),url('/play/garage-original/2_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_rightDownClass.png'),url('/play/garage-original/57_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_middleDownClass.png')}
.native-upgrades{overflow:visible}.upgrade-content{max-height:calc(90vh - 26px);overflow:auto}.upgrade-footer{height:30px;min-height:30px;padding-top:0}.upgrade-property-name{max-width:155px;overflow:hidden;text-overflow:ellipsis}
/* Native lobby keeps its left third for chat while GarageWindow uses the rest. */
.native-garage{display:block}.native-garage.with-chat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr)}
.native-garage.with-chat .garage-body{grid-column:2;grid-row:1}
.garage-body{height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 412px;grid-template-rows:minmax(150px,1fr) 169px 169px}
.garage-body>.native-window{position:relative;min-width:0;min-height:0}.native-garage>.lobby-chat{position:relative;min-height:0}
.native-garage .lobby-chat-messages{position:absolute;inset:11px 11px 46px;max-height:none;padding:5px;overflow:auto;white-space:normal;font-size:12px}
.native-garage .lobby-chat-form{position:absolute;left:11px;right:11px;bottom:11px;height:30px;display:flex}.native-garage .lobby-chat-form input{width:100%;min-width:0}
@media(max-width:780px){.garage-body{grid-template-columns:minmax(0,1fr) 280px}}
.lobby-chat-form{display:flex;gap:5px}.lobby-chat-form input,.native-garage .lobby-chat-form input{flex:1;width:0;min-width:0}.lobby-chat-form .native-button{width:80px;flex:0 0 80px;padding:0 8px}.chat-rank{width:15px;height:15px;vertical-align:middle;margin-right:3px}
/* ItemInfoPanel places its three 120×50 actions outside the scroll pane. */
.garage-details{bottom:72px}.garage-actions{position:absolute;left:11px;right:11px;bottom:11px;height:50px;display:grid;grid-template-columns:120px 120px 120px;gap:15px;margin:0;padding:0;align-items:stretch}
.garage-actions>.garage-buy-button{grid-column:1;grid-row:1}.garage-actions>.garage-upgrade-button{grid-column:2;grid-row:1}.garage-actions>.garage-equip-button{grid-column:3;grid-row:1}.garage-actions:not(:has(.garage-upgrade-button))>.garage-equip-button{grid-column:2}.garage-actions:not(:has(.garage-buy-button)):not(:has(.garage-upgrade-button))>.garage-equip-button{grid-column:1}.garage-actions>.native-button{width:120px;min-width:120px;padding:0 7px}
.garage-inventory-actions{display:flex;left:4px;gap:10px;align-items:center}.garage-inventory-actions .native-stepper{position:relative;width:95px;height:30px;flex:none}.garage-inventory-actions .native-stepper-value{box-sizing:border-box;width:55px;height:30px;margin-left:19px;text-align:center;appearance:textfield;padding:0 6px;border:0;border-radius:0;color:white;font:13px NativeMyriad,Arial;background:url('/play/ui-original/27_assets.input.InputLeft.png') left top no-repeat,url('/play/ui-original/25_assets.input.InputRight.png') right top no-repeat,url('/play/ui-original/29_assets.input.InputCenter.png') center top repeat-x}.garage-inventory-count{position:absolute;bottom:7px;right:9px;color:white;font-size:12px}
/* TankWindowInner.GREEN = 0xff0c220d in the original controls library. */
.lobby-chat-messages,.garage-cards,.garage-details{background-image:none;background-color:#0c220d}.garage-details h2{color:#00ff00}
.garage-details h2{margin-bottom:10px}.garage-mod-table{width:100%;border-spacing:0;font-size:10px;table-layout:auto;background:url('/play/garage-original/6_alternativa.tanks.gui.ItemInfoPanelBitmaps_bitmapUpgradeTableCenter.png') repeat-x left 40px;color:#fff;padding:0 4px 5px}.garage-mod-table th{height:40px;font-weight:normal;text-align:center}.garage-mod-table th .garage-property-icon,.garage-paint-properties .garage-property-icon{background:url('/play/garage-original/25_alternativa.tanks.gui.ItemInfoPanelBitmaps_backIconClass.png') no-repeat center;width:30px;height:30px;object-fit:contain;padding:1px;box-sizing:border-box}.garage-mod-table td{height:17px;line-height:17px;padding:0 3px;text-align:center;white-space:nowrap}.garage-mod-table tr.selected{background:url('/play/garage-original/38_alternativa.tanks.gui.ModTable_upgradeSelectionCenterClass.png') repeat-x}.garage-mod-table .garage-mod-price{text-align:right;padding-left:10px}.garage-mod-rank{width:15px}.garage-mod-rank img{width:15px;height:15px;vertical-align:middle}.garage-mod-mark img{vertical-align:middle}.garage-mod-table .micro-upgraded{color:#86ff04}.garage-mod-table .fully-upgraded{color:#fcff00}.garage-item-description{font-size:12px;line-height:16px;margin:12px 0;white-space:pre-wrap}.garage-paint-properties{display:flex;flex-wrap:wrap;gap:10px;background:url('/play/garage-original/17_alternativa.tanks.gui.ItemInfoPanelBitmaps_bitmapPropertiesCenter.png') repeat-x;padding:8px}.garage-paint-properties>div{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:2px}
/* MainPanel BaseButton uses SWF frames 1/off, 2/up, 3/over, 4/down. */
.classic-bar .panel-button{background-image:var(--panel-skin);background-size:90px 29px;flex:0 0 90px;font-family:NativeMyriad,Arial}
.classic-bar .panel-button:hover{background-image:var(--panel-over)}.classic-bar .panel-button:active{background-image:var(--panel-down);padding-top:2px}.classic-bar .panel-button:disabled{background-image:var(--panel-off);opacity:1}.classic-bar .panel-button:focus-visible{outline:1px solid #b7dd76;outline-offset:1px}
.classic-bar .close-button{background-size:23px 23px;flex-basis:23px;width:23px;min-width:23px;padding:0}
.classic-indicators{position:relative;flex:1;min-width:240px;max-width:none;padding:0;height:29px;background:url('/play/ui-sprites/DefineSprite_756_controls.panel.Indicators/1.png') center/100% 29px no-repeat;color:#12ff00;font-family:NativeMyriad,Arial;text-shadow:1px 1px #000}
.classic-identity{position:absolute;left:6px;top:5px;right:160px;height:18px;min-width:0;overflow:hidden;white-space:nowrap;gap:4px;font-family:NativeMyriad,Arial;color:#12ff00}.classic-score{position:absolute;right:90px;top:5px;line-height:18px;font-size:12px}.classic-crystals{position:absolute;right:16px;top:5px;width:66px;text-align:right;line-height:18px;font-size:12px}.classic-rank-progress{position:absolute;left:5px;top:5px;height:16px;background:#12ff0033;max-width:calc(100% - 85px);pointer-events:none}
.classic-help-overlay{position:absolute;inset:32px 0 0;background:#0008;display:grid;place-items:center;pointer-events:auto;z-index:30}.classic-help{width:430px;max-width:94vw;padding:25px}.classic-help h2{font:18px NativeMyriad,Arial;color:#00ff00;margin:0 0 15px}.classic-help dl{display:grid;grid-template-columns:190px 1fr;gap:12px 10px;font-family:NativeMyriad,Arial}.classic-help dd{margin:0}.classic-help>.native-button{display:block;margin:20px 0 0 auto}
@media(max-width:650px){.classic-bar{gap:3px;padding-left:2px;padding-right:2px}.classic-indicators{min-width:170px}.classic-bar .panel-button:not(.close-button){width:70px;flex-basis:70px;padding-left:20px;font-size:11px}.classic-identity{right:92px}.classic-score{display:none}}
.classic-indicators{background:none}.classic-name-skin,.classic-money-skin{position:absolute;top:0;height:29px;background-repeat:no-repeat,no-repeat,repeat-x;background-position:left top,right top,center top;pointer-events:none}.classic-name-skin{left:0;right:90px;background-image:url('/play/panel-original/name-left.png'),url('/play/panel-original/name-right.png'),url('/play/panel-original/name-center.png')}.classic-money-skin{right:0;width:80px;background-image:url('/play/panel-original/crystals-left.png'),url('/play/panel-original/crystals-right.png'),url('/play/panel-original/crystals-center.png')}.classic-rank-progress{width:calc(100% - 112px);max-width:none;transform-origin:left center}.classic-score{right:114px}.classic-identity{right:195px}.classic-crystals{right:15px;width:59px}@media(max-width:650px){.classic-identity{right:112px}}
/* BattleInfoDMView: native 40% preview, 11px inset, 20px participant rows. */
.lobby-info-content{position:absolute;inset:0;height:auto;padding:0;display:block}.battle-preview-panel{position:absolute;left:11px;right:11px;top:11px;height:40%;max-height:none;overflow:hidden;padding:0;border:1px solid #1a2419;background:#0c220d}.battle-preview-panel .native-map-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:none;object-position:center;z-index:0}.battle-preview-panel .battle-preview-name{position:absolute;left:10px;right:10px;top:10px;margin:0;font:18px NativeMyriad,Arial;color:#fff;line-height:25px;text-shadow:1px 1px 2px #000;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-preview-icons{position:absolute;left:12px;top:40px;display:flex;gap:6px;align-items:center;z-index:1;text-shadow:1px 1px 2px #000;color:#fff;font:14px NativeMyriad,Arial}.battle-preview-icon{display:flex;align-items:center;gap:2px}.battle-preview-icon img{width:24px;height:24px;object-fit:contain}.battle-preview-ranks{position:absolute;right:7px;bottom:7px;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;max-width:240px;z-index:1;gap:1px 0}.battle-preview-ranks img{width:15px;height:15px}.lobby-info-content>.native-participants{position:absolute;left:11px;right:11px;top:calc(40% + 14px);bottom:66px;padding:0;max-height:none;min-height:0;overflow:hidden}.participant-list{height:100%;max-height:none;padding:4px;overflow:auto;background:#0c220d;border:3px inset #526046}.native-player-row{height:20px;min-height:20px;padding:0 4px;color:#fff;background:url('/play/ui-original/55_assets.cellrenderer.battlelist.cell_normal_UP_CENTER.png') repeat-x;line-height:20px;font:13px NativeMyriad,Arial}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{flex:0 0 32px;text-align:right}.empty-player{color:#ffffff80;padding-left:10px}.team-participants{display:grid;grid-template-columns:1fr 1fr;gap:3px}.team-red{background:#220c0d}.team-blue{background:#0c1522}.lobby-join{left:11px;right:11px;bottom:31px;justify-content:space-between;height:30px}.lobby-join .dm-fight-button{margin-left:auto;width:130px}.lobby-join .red-team-button,.lobby-join .blue-team-button{width:130px}
/* Scroll skins extracted from the original GUI, not platform-default controls. */
.lobby-chat-messages,.battle-list,.participant-list,.garage-details,.garage-cards{scrollbar-color:auto;scrollbar-width:auto}.lobby-chat-messages::-webkit-scrollbar,.battle-list::-webkit-scrollbar,.participant-list::-webkit-scrollbar,.garage-details::-webkit-scrollbar{width:15px}.lobby-chat-messages::-webkit-scrollbar-track,.battle-list::-webkit-scrollbar-track,.participant-list::-webkit-scrollbar-track,.garage-details::-webkit-scrollbar-track{background:#0c220d url('/play/ui-original/10_assets.scroller.TrackGreen.png') repeat-y}.lobby-chat-messages::-webkit-scrollbar-thumb,.battle-list::-webkit-scrollbar-thumb,.participant-list::-webkit-scrollbar-thumb,.garage-details::-webkit-scrollbar-thumb{background:url('/play/ui-original/14_assets.scroller.ThumbTopGreen.png') no-repeat center top,url('/play/ui-original/18_assets.scroller.ThumbMiddleGreen.png') repeat-y center;border:0;min-height:14px}.lobby-chat-messages::-webkit-scrollbar-button:vertical:decrement,.battle-list::-webkit-scrollbar-button:vertical:decrement,.participant-list::-webkit-scrollbar-button:vertical:decrement,.garage-details::-webkit-scrollbar-button:vertical:decrement{height:14px;background:url('/play/ui-sprites/DefineSprite_699_ScrollArrowUpGreen/1.png') center no-repeat}.lobby-chat-messages::-webkit-scrollbar-button:vertical:increment,.battle-list::-webkit-scrollbar-button:vertical:increment,.participant-list::-webkit-scrollbar-button:vertical:increment,.garage-details::-webkit-scrollbar-button:vertical:increment{height:14px;background:url('/play/ui-sprites/DefineSprite_697_ScrollArrowDownGreen/1.png') center no-repeat}
.garage-owned,.garage-shop{margin-left:27px}
.lobby-join{height:50px;bottom:11px}.lobby-join .native-button{position:relative;height:50px;padding-left:35px;font:12px NativeMyriad,Arial;background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png')}.lobby-join .native-button:hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}.lobby-join .native-button:active{background-image:url('/play/ui-original/640_assets.button.bigbutton_DOWN_LEFT.png'),url('/play/ui-original/639_assets.button.bigbutton_DOWN_RIGHT.png'),url('/play/ui-original/641_assets.button.bigbutton_DOWN_CENTER.png')}.lobby-join .native-button:disabled{opacity:1;color:#92998e;background-image:url('/play/ui-original/637_assets.button.bigbutton_OFF_LEFT.png'),url('/play/ui-original/636_assets.button.bigbutton_OFF_RIGHT.png'),url('/play/ui-original/638_assets.button.bigbutton_OFF_CENTER.png')}.fight-icon{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:auto;height:auto;max-width:30px}.team-red .native-player-row{background-image:url('/play/ui-original/46_assets.cellrenderer.battlelist.cell_RED_CENTER.png')}.team-blue .native-player-row{background-image:url('/play/ui-original/61_assets.cellrenderer.battlelist.cell_BLUE_CENTER.png')}
/* BattleListView also uses TankWindowInner.GREEN. */
.lobby-battles>.battle-list{background-image:none;background-color:#0c220d;padding:4px}
.battle-mode-filters{position:absolute;left:11px;bottom:12px;display:flex;gap:5px;height:30px}.battle-mode-filter{width:30px;height:30px;border:0;padding:0;display:grid;place-items:center;cursor:pointer;background:url('/play/battle-list-original/3_alternativa.tanks.view.battlelist.BattleModeCheckBox_normalStateClass.png') center no-repeat}.battle-mode-filter:hover{background-image:url('/play/battle-list-original/12_alternativa.tanks.view.battlelist.BattleModeCheckBox_overStateClass.png')}.battle-mode-filter[aria-checked=true]{background-image:url('/play/battle-list-original/11_alternativa.tanks.view.battlelist.BattleModeCheckBox_pressedStateClass.png')}.battle-mode-filter[aria-checked=true] img{transform:translateY(1px)}.battle-mode-filter:focus-visible{outline:1px solid #b7dd76;outline-offset:1px}.native-battle-row[hidden]{display:none}
.native-battle-creation{grid-column:3;position:relative;height:100%;min-width:0}.creation-form{position:absolute;inset:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;padding:0 0 40px;font:12px NativeMyriad,Arial}.creation-field{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.creation-field input,.creation-field select{min-width:0;width:65px;height:30px;color:#eee;background:#111;border:1px solid #555;font:12px NativeMyriad,Arial;padding:3px}.field-name,.field-map,.field-mode{grid-column:span 2}.field-name input,.field-map select,.field-mode select{flex:1}.creation-preview{grid-column:span 2;min-height:100px;height:calc(100vh - 475px);max-height:300px;background-position:center;background-repeat:no-repeat;border:1px solid #111}.creation-field input[type=checkbox]{width:27px;height:28px;appearance:none;background:url('/play/entrance/checkbox-unchecked.svg') center no-repeat;border:0}.creation-field input[type=checkbox]:checked{background-image:url('/play/ui-checkbox/1.png')}.creation-field input:disabled{opacity:.45}.creation-error{grid-column:span 2;color:#ffb2a4;margin:0;overflow-wrap:anywhere}.creation-footer{grid-column:span 2;display:flex;justify-content:space-between;align-items:end;gap:10px}.creation-footer button{width:115px}
.creation-field input:not([type=checkbox]){border:0;border-radius:0;background-image:url('/play/ui-original/27_assets.input.InputLeft.png'),url('/play/ui-original/25_assets.input.InputRight.png'),url('/play/ui-original/29_assets.input.InputCenter.png');background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x;padding:5px}
.creation-form>.field-rankMin,.creation-form>.field-rankMax,.creation-form>.field-mode{display:none}.native-rank-range{grid-column:span 2;position:relative;height:30px;touch-action:none;background-image:url('/play/ui-original/616_assets.slider.slider_TRACK_LEFT.png'),url('/play/ui-original/615_assets.slider.slider_TRACK_RIGHT.png'),url('/play/ui-original/617_assets.slider.slider_TRACK_CENTER.png');background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x}.native-rank-thumb{position:absolute;height:30px;min-width:36px;top:0;background-image:url('/play/ui-original/613_assets.slider.slider_THUMB_LEFT.png'),url('/play/ui-original/612_assets.slider.slider_THUMB_RIGHT.png'),url('/play/ui-original/614_assets.slider.slider_THUMB_CENTER.png');background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x}.rank-icon{position:absolute;top:9px;width:15px;height:15px;pointer-events:none}.rank-left{left:11px}.rank-right{right:11px}.single-rank .rank-left{left:calc(50% - 7.5px)}.single-rank .rank-right{display:none}.rank-grip{position:absolute;top:0;width:15px;height:30px;padding:0;border:0;background:none;touch-action:none;cursor:ew-resize}.rank-grip-left{left:0}.rank-grip-right{right:0}.rank-grip-center{left:15px;width:calc(100% - 30px);cursor:grab}.rank-grip:focus-visible{outline:1px solid #b7dd76;outline-offset:-1px}.native-mode-buttons{grid-column:span 2;display:flex;gap:4px}.native-mode-buttons .native-button{flex:1;min-width:0;padding:0 3px}.native-mode-buttons [aria-checked=true]{filter:brightness(.75)}.native-stepper{position:relative;display:flex;flex:0 0 85px;height:30px}.creation-field .native-stepper-value{width:55px;appearance:textfield;text-align:center}.native-stepper-value::-webkit-inner-spin-button,.native-stepper-value::-webkit-outer-spin-button{appearance:none;margin:0}.native-stepper-button{position:absolute;right:0;width:30px;height:15px;border:0;padding:0;background:url('/play/ui-sprites/DefineSprite_491_controls.StepperButton/1.png') no-repeat center;cursor:pointer}.native-stepper-button.plus{top:0;transform:rotate(180deg)}.native-stepper-button.minus{bottom:0}.native-stepper-button:hover{background-image:url('/play/ui-sprites/DefineSprite_491_controls.StepperButton/2.png')}.native-stepper-button:active{background-image:url('/play/ui-sprites/DefineSprite_491_controls.StepperButton/3.png')}
.native-stepper-button{width:20px;background-position:left top;background-size:20px 31px}.native-stepper-button.plus{transform:none;background-position:left top}.native-stepper-button.minus{background-position:left bottom}.creation-field .native-stepper-value{width:65px}.native-rank-thumb:not(.single-rank):before,.native-rank-thumb:not(.single-rank):after{content:'';position:absolute;top:12px;width:4px;height:7px;background:url('/play/battle-list-original/10_alternativa.tanks.view.battlecreate.slider.SelectRankThumbSlider_bitmapArrow.png') no-repeat;pointer-events:none}.native-rank-thumb:before{left:5px}.native-rank-thumb:after{right:5px;transform:rotate(180deg)}
.creation-steppers{grid-column:span 2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.creation-steppers .creation-field{flex-direction:column;align-items:center;justify-content:flex-start;gap:4px}.creation-steppers .native-stepper{flex-basis:30px;width:85px}
.native-mode-buttons .native-button{height:50px;font:12px NativeMyriad,Arial;white-space:normal;background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png')}.native-mode-buttons .native-button:hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}.native-mode-buttons .native-button[aria-checked=true],.native-mode-buttons .native-button:active{filter:none;background-image:url('/play/ui-original/640_assets.button.bigbutton_DOWN_LEFT.png'),url('/play/ui-original/639_assets.button.bigbutton_DOWN_RIGHT.png'),url('/play/ui-original/641_assets.button.bigbutton_DOWN_CENTER.png')}.creation-steppers .native-stepper{width:95px}.creation-field .native-stepper-value{width:55px;margin-left:19px}.native-stepper-icon{position:absolute;left:0;top:8px;width:24px;height:24px;pointer-events:none}.native-stepper-button:hover{background-image:url('/play/ui-sprites/DefineSprite_491_controls.StepperButton/1.png')}.native-stepper-button.plus:active,.native-stepper-button.plus.held{background-image:url('/play/ui-sprites/DefineSprite_491_controls.StepperButton/2.png')}.native-stepper-button.minus:active,.native-stepper-button.minus.held{background-image:url('/play/ui-sprites/DefineSprite_491_controls.StepperButton/3.png')}
/* CreateBattleFormView.resize: coordinates relative to the native 11px inset. */
/* Classic creation controls stay in document flow at every window height. */
.creation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:30px 30px minmax(100px,1fr) 30px 50px 48px repeat(5,28px) auto 30px;gap:6px 8px;overflow:auto;align-content:start;padding:0;scrollbar-width:thin}
.creation-form>.creation-field,.creation-form>.creation-preview,.creation-form>.native-rank-range,.creation-form>.native-mode-buttons,.creation-form>.creation-steppers,.creation-form>.creation-error,.creation-form>.creation-footer{position:relative;inset:auto;width:auto;min-width:0;margin:0}
.creation-form>.field-name{grid-area:1/1/2/3;height:30px}.creation-form>.field-map{grid-area:2/1/3/3;height:30px}
.creation-form>.creation-preview{grid-area:3/1/4/3;height:auto;min-height:100px;max-height:none}
.creation-form>.native-rank-range{grid-area:4/1/5/3;height:30px}.creation-form>.native-mode-buttons{grid-area:5/1/6/3}
.creation-form>.creation-steppers{grid-area:6/1/7/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:48px;gap:4px}
.creation-steppers .creation-field{position:relative;inset:auto;width:auto;height:auto;min-width:0;display:flex;flex-direction:column;gap:0}
.creation-steppers .creation-field>span{position:static;white-space:nowrap;line-height:18px}.creation-steppers .native-stepper{position:relative;inset:auto;flex:0 0 30px;width:95px}
.creation-form>.creation-field:has(input[type=checkbox]){display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;height:28px;font:11px Tahoma,Arial,sans-serif}
.creation-form>.field-pro{grid-area:7/1/8/3}.creation-form>.field-withoutBonuses{grid-area:8/1/9/2}.creation-form>.field-withoutCrystals{grid-area:8/2/9/3}
.creation-form>.field-withoutSupplies{grid-area:9/1/10/2}.creation-form>.field-withoutUpgrades{grid-area:9/2/10/3}.creation-form>.field-withoutAlterations{grid-area:10/1/11/3}.creation-form>.field-autoBalance{grid-area:11/1/12/2}.creation-form>.field-friendlyFire{grid-area:11/2/12/3}
.creation-form>.creation-error{grid-area:12/1/13/3;font-size:11px;line-height:14px}.creation-error:not(:empty){background:#0c220dee;padding:4px}
.creation-form>.field-private{grid-area:13/1/14/2}.creation-form>.creation-footer{grid-area:13/2/14/3;height:30px;justify-content:flex-end}
.battle-name .battle-custom-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-name .battle-map-name{flex:0 1 auto;min-width:0;margin-left:4px;color:inherit;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* Native DropDownList, ComboButton and ComboR from the original controls. */
.creation-field.field-map{overflow:visible;z-index:10}.creation-field.field-map select[hidden]{display:none}.native-map-dropdown{position:relative;flex:1;min-width:0;height:30px}.native-map-trigger{box-sizing:border-box;width:100%;height:30px;border:0;border-radius:0;color:white;font:inherit;text-shadow:1px 1px #000;text-align:left;padding:0 33px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;background-repeat:no-repeat,no-repeat,no-repeat;background-position:left top,right top,7px top;background-size:7px 30px,33px 30px,calc(100% - 40px) 31px}.native-map-trigger:focus-visible{outline:1px solid #d8e3bb;outline-offset:-3px}
.native-map-trigger{background-image:url('/play/ui-original/631_assets.combo.combo_UP_LEFT.png'),url('/play/ui-original/630_assets.combo.combo_UP_RIGHT.png'),url('/play/ui-original/42_assets.combo.combo_UP_CENTER.png')}
.native-map-trigger:hover{background-image:url('/play/ui-original/628_assets.combo.combo_OVER_LEFT.png'),url('/play/ui-original/629_assets.combo.combo_OVER_RIGHT.png'),url('/play/ui-original/627_assets.combo.combo_OVER_CENTER.png')}
.native-map-trigger:active{background-image:url('/play/ui-original/625_assets.combo.combo_DOWN_LEFT.png'),url('/play/ui-original/626_assets.combo.combo_DOWN_RIGHT.png'),url('/play/ui-original/624_assets.combo.combo_DOWN_CENTER.png')}
.native-map-trigger:disabled{background-image:url('/play/ui-original/622_assets.combo.combo_OFF_LEFT.png'),url('/play/ui-original/623_assets.combo.combo_OFF_RIGHT.png'),url('/play/ui-original/621_assets.combo.combo_OFF_CENTER.png')}
.native-map-list{position:absolute;box-sizing:border-box;left:0;right:0;top:30px;height:245px;padding:3px;overflow-y:auto;z-index:20;background:url('/play/ui-original/43_assets.windowinner.bitmaps.WindowComboBG.png');border:3px solid #50534c;box-shadow:1px 2px 2px #000}.native-map-list[hidden]{display:none}.native-map-option{position:relative;display:block;box-sizing:border-box;width:100%;height:20px;margin:0;border:0;border-radius:0;color:white;font:inherit;text-align:left;padding:0 20px 0 12px;background:transparent;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-map-option:hover{background-image:url('/play/ui-original/619_assets.combo.combolist_OVER_LEFT.png'),url('/play/ui-original/618_assets.combo.combolist_OVER_RIGHT.png'),url('/play/ui-original/620_assets.combo.combolist_OVER_CENTER.png');background-position:left top,right top,5px top;background-size:5px 20px,5px 20px,calc(100% - 10px) 20px;background-repeat:no-repeat}.native-map-option[aria-disabled=true] .map-name{opacity:.5}.map-lock-rank{position:absolute;left:-2px;top:2px;width:15px;height:15px}.native-map-option:focus-visible{outline:1px solid white;outline-offset:-1px}
.native-map-list{border:0;padding:3px;background:url('/play/ui-sprites/DefineSprite_270_assets.windowinner.elemets.WindowInnerTopLeftCorner/1.png') left top / 6px 6px no-repeat,url('/play/ui-sprites/DefineSprite_267_assets.windowinner.elemets.WindowInnerTopRightCorner/1.png') right top / 6px 6px no-repeat,url('/play/ui-sprites/DefineSprite_276_assets.windowinner.elemets.WindowInnerBottomLeftCorner/1.png') left bottom / 6px 6px no-repeat,url('/play/ui-sprites/DefineSprite_273_assets.windowinner.elemets.WindowInnerBottomRightCorner/1.png') right bottom / 6px 6px no-repeat,url('/play/ui-original/30_assets.windowinner.bitmaps.WindowInnerTop.png') center top / calc(100% - 12px) 6px no-repeat,url('/play/ui-original/34_assets.windowinner.bitmaps.WindowInnerBottom.png') center bottom / calc(100% - 12px) 6px no-repeat,url('/play/ui-original/32_assets.windowinner.bitmaps.WindowInnerLeft.png') left center / 6px calc(100% - 12px) no-repeat,url('/play/ui-original/31_assets.windowinner.bitmaps.WindowInnerRight.png') right center / 6px calc(100% - 12px) no-repeat,url('/play/ui-original/43_assets.windowinner.bitmaps.WindowComboBG.png') repeat}
.native-map-list::-webkit-scrollbar{width:15px}.native-map-list::-webkit-scrollbar-track{background:url('/play/ui-original/11_assets.scroller.TrackPNG.png') repeat-y}.native-map-list::-webkit-scrollbar-thumb{background:url('/play/ui-original/15_assets.scroller.ThumbTop.png') center top no-repeat,url('/play/ui-original/19_assets.scroller.ThumbMiddle.png') center repeat-y;min-height:14px}
.native-map-trigger:hover,.native-map-trigger:active,.native-map-trigger:focus-visible{background-repeat:no-repeat,no-repeat,no-repeat;background-position:left top,right top,7px top;background-size:7px 30px,33px 30px,calc(100% - 40px) 31px}
/* PlayerInfo.updateInfo and Indicators.newprogress: native account feedback. */
.classic-identity{right:114px}.classic-score{display:none}.classic-rank-delta{position:absolute;top:5px;height:16px;background:#ffcc00;opacity:0;pointer-events:none}.rank-delta-active{animation:native-rank-delta 1.67s linear forwards}.account-increase{animation:native-account-increase .83s linear}.account-decrease{animation:native-account-decrease .83s linear}@keyframes native-rank-delta{from{opacity:1}to{opacity:0}}@keyframes native-account-increase{from{text-shadow:0 0 4px #12ff00,0 0 4px #12ff00}to{text-shadow:1px 1px #000}}@keyframes native-account-decrease{from{text-shadow:0 0 4px #ff4000,0 0 4px #ff4000}to{text-shadow:1px 1px #000}}.classic-identity,.classic-crystals{z-index:1}@media(max-width:650px){.classic-identity{right:112px;font-size:11px}}
.native-shaft-reticle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:8;max-width:none}
.native-inventory{position:fixed;left:10px;bottom:10px;display:flex;gap:10px;z-index:9}
.native-inventory-slot{position:relative;width:40px;height:40px;padding:0;border:0;background-color:transparent;background-size:40px 40px;color:white;font:10px MyriadPro,Arial,sans-serif;cursor:pointer}
.native-inventory-slot:hover,.native-inventory-slot:disabled{background-color:transparent;opacity:1}
.inventory-key{position:absolute;left:3px;top:1px;text-shadow:1px 1px #000}
.inventory-count{position:absolute;right:3px;bottom:1px;text-shadow:1px 1px #000}
.inventory-cooldown{position:absolute;inset:0;border-radius:4px;background:conic-gradient(from 0deg,transparent 0 var(--sweep,0%),rgba(0,0,0,.7) var(--sweep,0%) 100%);pointer-events:none}
.native-inventory-slot.inventory-ready{animation:inventory-ready .4s ease-out}
@keyframes inventory-ready{0%{filter:brightness(1)}25%{filter:brightness(2.4)}100%{filter:brightness(1)}}
.native-inventory[hidden]{display:none}
.native-battle-hud{position:fixed;inset:0;pointer-events:none;font:12px NativeMyriad,Arial,sans-serif;color:white;text-shadow:1px 1px #000;z-index:7}
.native-killfeed{position:absolute;top:50px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:min(55vw,550px)}.native-killfeed-row{display:flex;align-items:center;gap:4px;min-height:18px;white-space:pre;filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000);animation:native-feed-out 1s steps(20,end) 30s forwards}.native-killfeed-name{display:inline-flex;align-items:center;gap:3px}.native-killfeed-name img{width:15px;height:15px}@keyframes native-feed-out{to{opacity:0}}
.native-battle-hud[hidden],.native-scoreboard[hidden],.native-battle-chat-input[hidden]{display:none}
.native-battle-counters{position:absolute;right:10px;bottom:10px;display:flex;gap:10px;height:40px}
.native-white-frame{box-sizing:border-box;height:40px;background-image:url('/play/ui-original/633_assets.resultwindow.items_mini_LEFT.png'),url('/play/ui-original/635_assets.resultwindow.items_mini_RIGHT.png'),url('/play/ui-original/634_assets.resultwindow.items_mini_CENTER.png');background-repeat:no-repeat,no-repeat,repeat-x;background-position:left top,right top,20px top;background-size:20px 40px,20px 40px,calc(100% - 40px) 40px}
.native-battle-frame{display:flex;align-items:flex-start;padding:11px 12px 0 14px;gap:3px;white-space:nowrap}
.native-battle-frame>img:first-child{margin-top:1px}.native-fund-diamond{margin:4px 0 0 -1px}.native-battle-limit{margin-left:6px}.native-battle-clock{margin-left:10px}.native-battle-limit:empty,.native-battle-clock:empty{display:none}.native-battle-limit img,.native-battle-clock img{vertical-align:middle;margin-right:3px}
.native-battle-score{display:flex;align-items:center;gap:9px;padding:0 10px;font-size:18px}.native-battle-score strong{font-weight:bold}.score-blue{color:#b2d3ff}.score-red{color:#ffb2b2}
.native-scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:5px;align-items:center;pointer-events:auto}
.native-scoreboard-title{align-self:stretch;font-size:18px;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-result-panel{position:relative;box-sizing:border-box;padding:7px 7px 5px;background-repeat:no-repeat;overflow:hidden}
.native-result-row{height:20px;display:grid;grid-template-columns:var(--score-columns);align-items:start;background-repeat:no-repeat;background-position:top left;box-sizing:border-box;line-height:18px;white-space:nowrap}
.native-result-header{text-shadow:none}.native-result-row .numeric{text-align:right;overflow:hidden}.native-result-row .result-name{overflow:hidden;text-overflow:ellipsis}.result-rank{width:15px;height:15px;margin-top:1px}.result-flag{width:14px;height:14px;margin:2px 3px 0 0;vertical-align:top}.native-result-list{height:calc(100% - 20px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#567143 #213220}
.native-battle-chat{position:absolute;left:10px;bottom:110px;width:300px;max-height:calc(100% - 160px);overflow:auto;scrollbar-width:thin;pointer-events:auto;line-height:18px;overflow-wrap:anywhere}
.native-chat-name img{vertical-align:middle;width:15px;height:15px;margin-right:3px}.native-battle-chat-input{position:absolute;left:10px;bottom:70px;box-sizing:border-box;width:25vw;height:30px;padding:0 7px;border:0;border-radius:0;color:white;font:12px NativeMyriad,Arial,sans-serif;pointer-events:auto;background-image:url('/play/ui-original/27_assets.input.InputLeft.png'),url('/play/ui-original/25_assets.input.InputRight.png'),url('/play/ui-original/29_assets.input.InputCenter.png');background-position:left top,right top,7px top;background-repeat:no-repeat,no-repeat,repeat-x;background-size:7px 30px,7px 30px,calc(100% - 14px) 30px}

.native-result-footer{height:40px;box-sizing:border-box;padding:4px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}.native-result-restart{font-size:13px}

.native-tank-bars{display:block;margin:0 auto;width:106px;image-rendering:pixelated}.native-tank-bars[hidden]{display:none}.classic-hp{width:106px;height:21px;border:0;background:none;bottom:auto;padding:0;transform:translate(-50%,-50%)}.classic-hp[hidden]{display:none}.tank-name{font-size:13px}.tank-name img{width:13px;height:13px;margin-right:0}

.native-sound-button{position:relative;width:28px;min-width:28px;height:29px;padding:0;font-size:0}.native-sound-icon{position:absolute;left:1px;top:2px;width:23px;height:22px;pointer-events:none}
.classic-bar .panel-button.native-sound-button{width:28px;min-width:28px;flex:0 0 28px;background-size:28px 29px;padding:0;font-size:0}

.classic-bar{position:relative}.classic-normal-rank{position:absolute;left:2px;top:1px;width:auto;height:auto;pointer-events:none;z-index:2}.classic-indicators{margin-left:53px}
.native-settings-overlay{position:absolute;inset:0;z-index:50;background:#0008;display:grid;place-items:center;pointer-events:auto;overflow:auto}
.native-settings-window{width:750px;height:491px;flex:none;font:13px NativeMyriad,Arial;color:white;position:relative;padding:0}
.native-settings-form{position:absolute;inset:0}
.native-settings-inner{position:absolute;left:12px;width:726px;border:1px solid #15200d;box-shadow:inset 1px 1px #56644a;pointer-events:none}
.native-settings-heading{position:absolute;left:12px;font-size:14px;color:white}
.native-settings-check{display:block;position:absolute;height:28px;font:13px NativeMyriad,Arial;color:white;white-space:nowrap;cursor:pointer}
.native-settings-check input{position:absolute;left:0;top:0;margin:0;width:27px;height:28px;appearance:none;border:0;border-radius:0;background:url('/play/ui-checkbox/1.png') no-repeat;cursor:pointer}
.native-settings-check:hover input{background-image:url('/play/ui-checkbox/2.png')}
.native-settings-check input:checked:after{content:'';position:absolute;inset:0;background:url('/play/ui-sprites/DefineSprite_989_assets.icons.CheckIcons/4.png') no-repeat}
.native-settings-check span{display:block;margin-left:29px;padding-top:7px}
.native-settings-input{position:absolute;display:block;height:30px;color:white;font:13px NativeMyriad,Arial}
.native-settings-input>span{position:absolute;right:calc(100% + 8px);top:7px;white-space:nowrap}
.native-settings-input>input{height:30px;width:100%;padding:0 8px;border:0;border-radius:0;color:white;font:13px NativeMyriad,Arial;background:url('/play/ui-original/27_assets.input.InputLeft.png') left top no-repeat,url('/play/ui-original/25_assets.input.InputRight.png') right top no-repeat,url('/play/ui-original/29_assets.input.InputCenter.png') center top repeat-x}
.native-settings-volume-label{position:absolute;left:13px;top:7px;display:flex;align-items:center;gap:8px;color:white;white-space:nowrap}
.native-settings-volume{appearance:none;width:427px;height:28px;background:transparent;cursor:pointer}
.native-settings-volume::-webkit-slider-runnable-track{height:3px;background:url('/play/ui-sprites/DefineSprite_802_SliderTrack_skin/1.png') repeat-x}
.native-settings-volume::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-5px;border:0;border-radius:0;background:url('/play/ui-sprites/DefineSprite_794_SliderThumb_upSkin/1.png')}
.native-settings-save,.native-settings-cancel{position:absolute;top:446px;width:104px;height:33px;padding:0;font-family:NativeMyriad,Arial}
.native-settings-save{left:533px}.native-settings-cancel{left:643px}.native-settings-status{position:absolute;left:21px;top:446px;max-width:500px;color:#ffb3b3}
@media(max-width:770px){.native-settings-overlay{place-items:start center}.native-settings-window{margin:20px 0;transform:scale(calc((100vw - 12px)/750px));transform-origin:top center}}
.classic-bar .native-config-button{width:28px;min-width:28px;flex:0 0 28px;padding:0;background-size:28px 29px}
.native-fps{position:absolute;left:calc(100% - 50px);top:calc(100% - 74px);width:40px;z-index:5;font:12px NativeMyriad,Arial;color:#fff;text-shadow:1px 1px #000;pointer-events:none}.native-fps[hidden]{display:none}
.entrance-remember input,.creation-field input[type=checkbox]{position:relative;background-image:url('/play/ui-checkbox/1.png')}
.entrance-remember input:checked:after,.creation-field input[type=checkbox]:checked:after{content:'';position:absolute;left:0;top:0;width:27px;height:27px;background:url('/play/ui-sprites/DefineSprite_989_assets.icons.CheckIcons/4.png') no-repeat}
.native-settings-check:active input,.entrance-remember input:active,.creation-field input[type=checkbox]:active{background-image:url('/play/ui-checkbox/3.png')}
.native-settings-check:active input:after,.entrance-remember input:active:after,.creation-field input[type=checkbox]:active:after{top:1px}
.native-settings-check input:disabled,.creation-field input[type=checkbox]:disabled{background-image:url('/play/ui-checkbox/4.png');opacity:1;cursor:default}
.native-alert-overlay{position:absolute;inset:0;background:#0008;z-index:60;display:grid;place-items:center;pointer-events:auto}
.native-alert{position:relative;min-width:246px;padding:30px 25px;font:14px NativeMyriad,Arial;outline:none;text-align:center}
.native-alert-output{white-space:pre;text-align:center;width:max-content;margin:0 auto;line-height:20px;color:white}
.native-alert-buttons{display:flex;justify-content:center;gap:6px;margin:15px auto 0}
.native-alert-buttons>.native-button{flex:none;padding:0;height:33px;font-family:NativeMyriad,Arial}
.native-alert-measure{position:absolute;visibility:hidden;font:14px NativeMyriad,Arial;white-space:pre}
.classic-bar .native-help-button{width:28px;min-width:28px;flex:0 0 28px;padding:0;background-size:28px 29px}

.native-fps span{position:absolute;right:0;top:0}

.native-settings-validity{position:absolute;width:21px;height:21px;pointer-events:none}.native-settings-validity[hidden]{display:none}

/* Optional modern shortcut uses the same original button skin and list. */
.lobby-quick-battle{position:absolute;right:11px;bottom:47px;width:115px}.lobby-battles>.battle-list{bottom:82px}

.native-validation-bubble{position:absolute;z-index:80;cursor:pointer;font:bold 10px Tahoma,Arial,sans-serif;color:#fff;pointer-events:auto}
.native-validation-bubble[hidden]{display:none}
.native-validation-bubble>svg{position:absolute;left:-1px;top:-23px;overflow:visible;pointer-events:none}
.native-validation-bubble path{fill:rgba(0,0,0,.85);stroke:#fff;stroke-width:1;stroke-linejoin:round}
.native-validation-bubble>span{position:absolute;left:9px;top:8px;white-space:pre;line-height:12px;pointer-events:none}
.entrance-validation-icon{position:absolute;right:8px;top:7px;width:21px;height:21px;pointer-events:none}
.entrance-validation-icon[hidden]{display:none}
.entrance-input input[aria-invalid=true],.native-settings-input input[aria-invalid=true]{color:#ffb3b3}

.native-chat-message{position:relative;min-height:18px;margin-bottom:3px;filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000)}
.native-chat-header{position:absolute;left:0;top:0;display:inline-flex;white-space:nowrap}
.native-chat-team{color:#fff;margin-right:2px}.native-chat-name{display:inline-flex;align-items:center}
.native-chat-text{display:block;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere}
@keyframes native-chat-out{to{opacity:0}}

.native-battle-chat{overflow:hidden}

/* Lobby ChatOutputLine: native source/target labels and system text. */
.native-lobby-chat-row{position:relative;line-height:19px}
.native-lobby-chat-header{position:absolute;left:0;top:0;display:inline-flex;align-items:center;white-space:nowrap}
.chat-line .native-lobby-chat-name{display:inline-flex;align-items:center;color:#12ff00;font-weight:400}
.native-lobby-chat-arrow{color:#12ff00;margin:0 4px}
.native-lobby-chat-text{display:block;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere}
.native-lobby-chat-row[data-self="true"]{background-repeat:no-repeat}
.native-user-menu{position:fixed;z-index:90;pointer-events:auto;font:12px NativeMyriad,Tahoma,sans-serif}
.native-user-menu .native-window{position:relative;min-height:0;padding:0}
.native-user-menu-inner{position:absolute;inset:11px}
.native-user-menu-title{position:absolute;left:18px;top:16px;white-space:nowrap;color:#59ff32;line-height:19px}
.native-user-menu-title img{width:15px;height:15px;vertical-align:middle;margin-right:0}
.native-user-menu-line{position:absolute;left:18px;right:12px;top:38px;height:1px;background:#1a4c14}
.native-user-menu-actions{position:absolute;left:16px;top:42px;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}
.native-user-menu-actions button{height:18px;margin:0;padding:0;border:0;background:none;color:#12ff00;font:inherit;cursor:pointer}
.native-user-menu-actions button:hover,.native-user-menu-actions button:focus-visible{text-shadow:0 0 4px #59ff32;outline:none}
.native-lobby-chat-name[role="button"]{cursor:pointer}
.native-chat-name[role="button"],.native-killfeed-name[role="button"],.result-name[role="button"]{cursor:pointer}
.native-effects{position:fixed;left:10px;bottom:56px;display:flex;gap:8px;z-index:9;pointer-events:none}
.native-effects[hidden]{display:none}
.native-effect{position:relative;width:34px;height:34px;background-size:34px 34px;background-repeat:no-repeat;filter:drop-shadow(0 0 2px #000)}
.native-effect i{position:absolute;left:3px;right:3px;bottom:-6px;height:4px;background:#8fe36a;transform-origin:left center;box-shadow:0 0 0 1px #000a}
.native-effect span{position:absolute;right:-3px;top:-6px;min-width:16px;padding:0 3px;border-radius:7px;background:#000b;color:#fff;font:bold 11px Arial,sans-serif;text-align:center}
.tank-effects{display:inline-flex;gap:2px;margin-left:5px;vertical-align:middle}
.tank-effects i{display:inline-block;width:16px;height:16px;background-size:16px 16px;background-repeat:no-repeat}

.premium-window{width:min(760px,92vw);max-height:90vh;overflow:auto;box-sizing:border-box;padding:18px 24px!important}.premium-heading{display:flex;align-items:center;gap:12px}.premium-heading h2{margin:0}.premium-heading-image{width:54px;height:54px;object-fit:contain}.premium-tabs{display:flex;gap:6px;margin:10px 0}.premium-tabs [aria-selected=true]{color:#fff1ba;border-color:#b49555;background:#6b5a32}.premium-state{margin:8px 0;color:#ffb0a0;font-weight:bold}.premium-state[data-active=true]{color:#9ce270}.premium-bonuses{line-height:1.6;margin:10px 0;padding-left:20px}.premium-note{padding:8px;background:#233a1a;color:#a2e47d}.premium-note[data-error=true]{background:#3e221d;color:#ffb1a4}.premium-balance{font-weight:bold;color:#ffe2a0}.premium-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.premium-offer{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:linear-gradient(#555b4d,#282e26);border:1px solid #777e68;border-radius:4px}.premium-offer-image{width:92px;height:92px;object-fit:contain}.premium-price{color:#ffe2a0}.premium-offer button{width:100%}.premium-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.premium-extension{color:#bbcfac;font-size:12px;line-height:1.5}.premium-promo{display:flex;gap:8px;margin:12px 0}.premium-promo input{flex:1;min-width:0;background:#192018;color:#fff;border:1px solid #657358;padding:6px}.premium-mission{display:flex;gap:18px;padding:18px;border:1px solid #667657;background:#263321}.premium-mission-image{width:112px;height:112px;object-fit:contain}.premium-mission h3{margin:0 0 8px;color:#ffe2a0}.premium-key-reward{display:flex;align-items:center;gap:10px;margin:8px 0}.premium-key-reward img{width:54px;height:54px;object-fit:contain}.premium-reset,.premium-pro-limits{font-size:12px;color:#baccab;line-height:1.5}.premium-claim{min-width:140px;margin-top:6px}.premium-mission-reason{color:#ffdda7}.premium-inventory{font-weight:bold;color:#e9ddad}.premium-reward{color:#9a1010!important;font-weight:bold}.native-premium-badge{position:absolute;right:6px;top:2px;padding:1px 6px;border-radius:7px;background:#b3201a;color:#fff;font:bold 10px Arial,sans-serif;pointer-events:none}.premium-profile{min-width:320px}.premium-profile h2{display:flex;align-items:center;gap:10px}.profile-rank{max-height:42px;object-fit:contain}
img.premium-rank{filter:none;border:0;box-shadow:none;border-radius:0;background:url('/assets/premium/rank-bg.png') center/100% 100% no-repeat;padding:0 3px;box-sizing:content-box}
@media(max-width:650px){.premium-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-window{padding:14px!important}.premium-mission{gap:10px;padding:12px}.premium-mission-image{width:64px;height:64px}.native-missions-button,.native-premium-button{font-size:11px;padding-left:5px!important;padding-right:5px!important}}
.classic-normal-rank.premium-rank{pointer-events:auto;cursor:help}
.premium-window{display:flex;flex-direction:column;max-height:calc(100vh - 72px);overflow:visible}.premium-window>.premium-content{flex:1 1 auto;min-height:0;overflow:auto;padding:0 3px}.premium-window>*:not(.premium-content){flex-shrink:0}.premium-window .window-title{display:none}.premium-window .premium-heading{margin-bottom:3px}.premium-window .premium-actions{margin-top:10px}.premium-window .premium-heading h2{margin:0}.premium-window .premium-offer-image{width:76px;height:76px}
.premium-mission[hidden]{display:none}

/* Compact account panel, matching the supplied classic Tanki layout. */
.classic-bar{height:32px;box-sizing:border-box;gap:5px;padding:1px 5px 1px 0;flex-wrap:nowrap}
.classic-normal-rank{left:9px;top:1px;width:44px;height:42px;object-fit:contain}
.classic-normal-rank.premium-rank{width:44px;height:42px;padding:0 4px;background-size:52px 34px;background-position:center 6px}
.classic-indicators{margin-left:70px;min-width:160px;flex:1 1 auto;height:29px}
.classic-identity{left:7px;right:112px;top:5px;font:12px NativeMyriad,Tahoma,Arial,sans-serif}
.classic-score{display:none}
.classic-name-skin{right:90px}.classic-money-skin{width:80px}
.classic-rank-progress{top:5px;height:17px;width:calc(100% - 112px);background:linear-gradient(#438b18,#214d09);opacity:.65}
.classic-bar .panel-button{height:29px;width:90px;min-width:90px;flex:0 0 90px;font-size:12px}
.classic-bar .native-premium-button{position:relative;flex:0 0 90px;width:90px;min-width:90px;height:29px;padding:0 3px 0 25px;font:12px NativeMyriad,Tahoma,Arial,sans-serif;background:linear-gradient(#b57c38 0%,#94540e 45%,#703b08 52%,#9c6321 100%);border:2px ridge #bdbdb2;box-shadow:inset 0 0 0 1px #452804}
.classic-bar .native-premium-button:hover{filter:brightness(1.12)}
.panel-shop-icon{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('/play/ui-sprites/DefineSprite_738_assets.Diamond/1.png') center/contain no-repeat;pointer-events:none}
.classic-bar .native-missions-button{position:relative;padding-left:26px;background-position:center;background-size:90px 29px}
.panel-missions-icon{position:absolute;left:6px;top:6px;width:14px;height:16px;border:1px solid #aaaca0;background:linear-gradient(#cfccac,#858772);box-shadow:0 1px 2px #000;transform:rotate(-5deg)}
.panel-missions-icon:after{content:'';position:absolute;left:3px;right:3px;top:4px;height:1px;background:#535a40;box-shadow:0 3px #535a40,0 6px #535a40}
.classic-bar .native-config-button,.classic-bar .native-sound-button,.classic-bar .native-help-button{width:28px;min-width:28px;flex:0 0 28px;background-size:28px 29px;padding:0;font-size:0}
.classic-bar .close-button{width:23px;min-width:23px;flex:0 0 23px;margin-left:0;background-size:23px 23px;padding:0}
.classic-indicators .native-premium-badge{display:none}
@media(max-width:900px){.classic-bar{gap:3px}.classic-indicators{margin-left:56px;min-width:110px}.classic-normal-rank{left:5px;width:40px}.classic-bar .panel-button:not(.close-button):not(.native-config-button):not(.native-sound-button):not(.native-help-button),.classic-bar .native-premium-button{width:75px;min-width:75px;flex-basis:75px;background-size:75px 29px;font-size:11px}.classic-identity{right:102px}.classic-name-skin{right:80px}.classic-money-skin{width:75px}.classic-rank-progress{width:calc(100% - 102px)}}
@media(max-width:650px){.classic-bar{overflow-x:auto}.classic-indicators{flex-basis:190px;flex-shrink:0}.classic-normal-rank{position:fixed}.classic-bar .native-help-button{display:none}}

/* Shop shares the original panel button frames and interaction states. */
.classic-bar .native-premium-button{background-image:var(--panel-skin);background-color:transparent;background-position:center;background-size:90px 29px;background-repeat:no-repeat;border:0;box-shadow:none;padding:0 3px 0 26px}
.classic-bar .native-premium-button:hover{background-image:var(--panel-over);filter:none}
.classic-bar .native-premium-button:active{background-image:var(--panel-down)}
.classic-bar .native-premium-button .panel-shop-icon{left:3px;top:0;transform:none;width:26px;height:29px;background-image:var(--panel-skin);background-position:-36px 0;background-size:90px 29px;background-repeat:no-repeat}
.classic-bar .native-premium-button:hover .panel-shop-icon{background-image:var(--panel-over)}
.classic-bar .native-premium-button:active .panel-shop-icon{background-image:var(--panel-down)}
.panel-shop-icon:after{content:'';position:absolute;left:5px;top:7px;width:16px;height:16px;background:url('/play/ui-sprites/DefineSprite_738_assets.Diamond/1.png') center/contain no-repeat}
.classic-bar .native-premium-button:active .panel-shop-icon:after{transform:translateY(2px)}

/* One horizontal item shelf with the classic seven garage category buttons. */
.garage-body{grid-template-rows:minmax(150px,1fr) 184px 40px}
.garage-body>.garage-shelf{grid-column:1 / 3;grid-row:2;margin-left:0}
.garage-shelf .garage-strip-title{display:none}
.garage-category-rail{position:absolute;inset:9px 10px 8px;display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;gap:4px;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#54ca22 #14290b;border-bottom:2px solid #32a915}
.garage-category-rail .garage-card{flex-shrink:0;min-height:130px}
.garage-category-rail .garage-cards{position:static;inset:auto;display:contents;padding:0}
.garage-card[hidden]{display:none!important}
.garage-categories{grid-column:1 / 3;grid-row:3;display:flex;align-items:flex-start;gap:6px;padding:4px 6px;background:url('/play/ui-original/7_assets.window.bitmaps.WindowBGTile.jpg');overflow-x:auto}
.garage-categories .garage-category-button{position:relative;flex:0 0 108px;min-width:108px;height:29px;padding:0 3px 0 27px;font:12px NativeMyriad,Tahoma,Arial,sans-serif;background:url('/play/ui-sprites/DefineSprite_792_MainPanelBattlesButton/2.png') center/108px 29px no-repeat}
.garage-categories .garage-category-button:hover{background-image:url('/play/ui-sprites/DefineSprite_792_MainPanelBattlesButton/3.png')}
.garage-categories .garage-category-button[aria-pressed=true]{background-image:url('/play/ui-sprites/DefineSprite_792_MainPanelBattlesButton/4.png');box-shadow:inset 0 0 0 2px #55994c;filter:sepia(.3) hue-rotate(55deg)}
.garage-category-icon{position:absolute;left:3px;top:0;width:28px;height:29px;background:url('/play/ui-sprites/DefineSprite_792_MainPanelBattlesButton/2.png') -40px 0/108px 29px no-repeat;pointer-events:none}
.garage-category-button:hover .garage-category-icon{background-image:url('/play/ui-sprites/DefineSprite_792_MainPanelBattlesButton/3.png')}
.garage-category-button[aria-pressed=true] .garage-category-icon{background-image:url('/play/ui-sprites/DefineSprite_792_MainPanelBattlesButton/4.png')}
.garage-category-icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;pointer-events:none}
.garage-category-button[data-category=special] svg{fill:none;stroke-width:2}
.garage-rarity-bar{display:flex;gap:5px;margin-left:8px;align-items:center;height:29px}
.garage-rarity-bar[hidden]{display:none}
.garage-rarity-button{position:relative;height:29px;min-width:104px;padding:0 10px 0 20px;color:#eee;text-shadow:1px 1px #111;font:12px NativeMyriad,Tahoma,Arial,sans-serif;border:0;background-color:transparent;background-image:url('/play/ui-original/676_assets.button.button_def_UP_LEFT.png'),url('/play/ui-original/675_assets.button.button_def_UP_RIGHT.png'),url('/play/ui-original/677_assets.button.button_def_UP_CENTER.png');background-position:left top,right top,center top;background-repeat:no-repeat,no-repeat,repeat-x;background-size:auto 29px,auto 29px,auto 29px;filter:none}
.garage-rarity-button:hover{filter:none;background-image:url('/play/ui-original/673_assets.button.button_def_OVER_LEFT.png'),url('/play/ui-original/672_assets.button.button_def_OVER_RIGHT.png'),url('/play/ui-original/674_assets.button.button_def_OVER_CENTER.png')}
.garage-rarity-button:active,.garage-rarity-button[aria-pressed=true]{filter:none;color:#fff;background-image:url('/play/ui-original/670_assets.button.button_def_DOWN_LEFT.png'),url('/play/ui-original/669_assets.button.button_def_DOWN_RIGHT.png'),url('/play/ui-original/671_assets.button.button_def_DOWN_CENTER.png')}
.garage-rarity-button:before{content:'';position:absolute;left:8px;top:10px;width:8px;height:8px;box-shadow:0 0 0 1px #000a}
.garage-rarity-button[data-rarity=common]:before{background:#c5d0b8}
.garage-rarity-button[data-rarity=uncommon]:before{background:#3dba6a}
.garage-rarity-button[data-rarity=rare]:before{background:#3c7edb}
.garage-rarity-button[data-rarity=epic]:before{background:#b15cff}
.garage-rarity-button[data-rarity=legendary]:before{background:#e0b84a}
.garage-category-empty{position:absolute;inset:10px;display:grid;place-items:center;color:#bfc7b5;font:13px NativeMyriad,Tahoma,Arial,sans-serif}
.garage-category-empty[hidden]{display:none}
.native-garage.with-chat .garage-shelf,.native-garage.with-chat .garage-categories{width:150%;margin-left:-50%;box-sizing:border-box}
.garage-category-button[aria-pressed=true]{filter:none!important;background-image:url('/play/garage-original/50_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_leftUpClass.png'),url('/play/garage-original/24_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_rightUpClass.png'),url('/play/garage-original/43_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_middleUpClass.png')!important;background-position:left top,right top,center top!important;background-size:auto 29px,auto 29px,auto 29px!important;background-repeat:no-repeat,no-repeat,repeat-x!important}
.garage-category-button[aria-pressed=true] .garage-category-icon{background-image:url('/play/garage-original/43_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_middleUpClass.png');background-position:center top;background-size:auto 29px;background-repeat:repeat-x}

.classic-hp{overflow:visible}
.own-effects{position:absolute;left:50%;top:100%;transform:translateX(-50%);display:flex;gap:4px;margin-top:4px;pointer-events:none}
.own-effects i,.tank-effects i{display:block;width:16px;height:16px;background-size:16px 16px;background-repeat:no-repeat;transition:opacity .2s;image-rendering:auto}

.kit-details-art{width:260px;max-width:100%;height:160px;object-fit:contain;margin:4px auto}.kit-contents{padding-left:20px;line-height:1.6;margin:4px 0 12px}.kit-ranks,.kit-ownership-note,.kit-status{font-size:12px;line-height:1.5}.kit-status{color:#e9d499}.garage-kit-buy{min-width:190px!important}.garage-kit.rank-locked{opacity:.65}


/* Original CTF counter: red flag, red score, blue score, blue flag. */
.ctf-hud{display:flex;align-items:center;gap:10px;padding:4px 10px;height:40px;background-image:url('/play/ui-original/633_assets.resultwindow.items_mini_LEFT.png'),url('/play/ui-original/635_assets.resultwindow.items_mini_RIGHT.png'),url('/play/ui-original/634_assets.resultwindow.items_mini_CENTER.png'),linear-gradient(90deg,#8d2100 43%,#003f80 57%);background-repeat:no-repeat,no-repeat,repeat-x,no-repeat;background-position:left top,right top,20px top,2px 2px;background-size:20px 40px,20px 40px,calc(100% - 40px) 40px,calc(100% - 4px) 36px;pointer-events:none}
.ctf-hud[hidden],.native-battle-score[hidden]{display:none}.ctf-cell{display:contents}.ctf-cell img{width:30px;height:30px;object-fit:contain}.ctf-cell strong{font:bold 18px NativeMyriad,Arial;text-shadow:1px 1px #000;min-width:14px;text-align:center}.ctf-cell.red img{order:0}.ctf-cell.red strong{order:1;color:#ff774d}.ctf-cell.blue strong{order:2;color:#48aaff}.ctf-cell.blue img{order:3}
.ctf-cell[data-state=CARRIED]{border-color:#ffd24a;animation:ctf-blink .8s infinite}
.ctf-cell[data-state=DROPPED]{border-color:#ff8a2a}
@keyframes ctf-blink{50%{box-shadow:0 0 8px #ffd24a}}
.upgrade-footer{gap:7px;height:auto;min-height:50px}.upgrade-footer .upgrade-action{width:260px}
.native-ping{left:calc(100% - 140px);width:80px}.native-ping[hidden]{display:none}

/* Old battle list: flat green rows, centered red/blue scores, limit and status. */
.battle-list-title,.missions-title{position:absolute;left:36px;right:36px;top:13px;height:18px;display:flex;align-items:center;justify-content:center;color:#ececec;font:12px NativeMyriad,Tahoma,sans-serif;letter-spacing:.8px;text-shadow:0 1px 0 #000;pointer-events:none;background:linear-gradient(#5a5a5a,#3a3a3a);border-radius:2px}
.lobby-battles>.battle-list{background:#041006;padding:0 0 0 0;border-color:#0a1a0c}
.lobby-battles .native-battle-row{position:relative;display:flex;align-items:center;gap:4px;height:20px;min-height:20px;margin:0;padding:0 6px;background:#084a00;background-image:none;color:#fff;filter:none}
.lobby-battles .native-battle-row:hover{background:#0b5e00;filter:none}
.lobby-battles .native-battle-row.selected{background:#084a00;background-image:none;box-shadow:inset 0 1px 0 #59ff31,inset 0 -1px 0 #59ff31}
.battle-mode-icon{width:14px;height:14px;flex:0 0 14px;object-fit:contain;filter:brightness(0) invert(1)}
.lobby-battles .battle-name{display:flex;align-items:center;gap:3px;flex:1;min-width:0;max-width:calc(50% - 48px);padding-right:0;overflow:hidden;font:12px NativeMyriad,Tahoma,sans-serif}
.lobby-battles .battle-count{margin-left:auto}
.battle-fund{color:#f0c84a;flex:0 0 auto;font-size:13px;line-height:14px}
.battle-score{position:absolute;left:50%;top:0;height:100%;display:flex;align-items:center;gap:2px;transform:translateX(-50%);pointer-events:none}
.score-box{min-width:22px;height:13px;padding:0 3px;line-height:13px;text-align:center;background:#3a3a3a;color:#fff;border:1px solid #80a17c;box-shadow:none;font:11px Tahoma,sans-serif}
.score-box.red{background:#611600}
.score-box.blue{background:#002b58}
.lobby-battles .battle-count{width:28px;flex:0 0 28px;text-align:right;font:12px NativeMyriad,Tahoma,sans-serif}
.battle-status{width:12px;height:12px;flex:0 0 12px;border-radius:50%;box-sizing:border-box}
.battle-status.open{background:#59ff31;box-shadow:0 0 0 1px #0a3a00}
.battle-status.full{background:#6e6e6e;box-shadow:0 0 0 1px #111}
.battle-status.closed{border-radius:2px;background:transparent;color:#d8d8d8;font:bold 11px Tahoma,sans-serif;line-height:12px;text-align:center;box-shadow:none}
.battle-status.closed:before{content:'N';text-decoration:line-through}

/* Daily missions window. */
.missions-window{width:min(860px,96vw);min-height:480px;padding:28px 16px 14px}
.missions-tabs{display:flex;gap:8px;margin:6px 2px 10px}
.missions-tab{min-width:118px}
.missions-tab[aria-selected=true]{color:#fff;background:linear-gradient(#3c9a24,#1c6c14)}
.missions-week{display:grid;grid-template-columns:34px 1fr auto 42px;align-items:center;gap:8px;margin:0 2px 12px;padding:6px 8px;background:linear-gradient(#023c03,#012801);border:1px solid #031a04;color:#fff}
.missions-week p{margin:0}
.missions-week-badge{width:26px;height:26px;display:grid;place-items:center;background:#e4e4e4;color:#222;font:bold 15px Tahoma,sans-serif;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.missions-week-count{font:bold 16px Tahoma,sans-serif}
.missions-gift{width:28px;height:32px;object-fit:contain}
.missions-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 2px}
.mission-column{display:flex;flex-direction:column;align-items:center;gap:10px}
.mission-card{width:100%;min-height:230px;display:flex;flex-direction:column;background:#0c2210;border:1px solid #16381c;color:#fff}
.mission-art{flex:1;display:grid;place-items:center;min-height:120px;background:radial-gradient(circle at 50% 45%,#14381c,#0a1c0e 70%)}
.mission-art img{width:100%;height:120px;object-fit:contain}
.mission-goal,.mission-prize{margin:0 8px 8px;padding:6px 8px;background:#095300;display:flex;justify-content:space-between;gap:8px}
.mission-prize{flex-direction:column;align-items:flex-start;gap:2px}
.mission-change{min-width:120px}
.missions-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 4px}
.missions-pass{margin:8px 4px;padding:16px;background:#0e3d18;color:#fff;line-height:1.6}
.missions-pass p{margin:0 0 8px}
.missions-track{display:flex;gap:8px;margin-top:12px}
.missions-track span{width:36px;height:36px;display:grid;place-items:center;background:#145c24;border:1px solid #3dce2a}
.missions-track span.done{background:#3dce2a;color:#083010}
.missions-info{position:absolute;left:24px;right:24px;bottom:64px;padding:12px;background:#102816;border:1px solid #3dce2a;color:#fff;z-index:3}
.missions-info p{margin:0 0 8px}
@media(max-width:720px){.missions-cards{grid-template-columns:1fr}.missions-window{min-height:0;max-height:90vh;overflow:auto}}
/* Classic Premium Shop: compact package rows and native framed controls. */
.premium-window .premium-offers{display:flex;flex-direction:column;gap:7px}
.premium-window .premium-offer{display:grid;grid-template-columns:64px minmax(80px,1fr) minmax(95px,auto) 90px;gap:12px;padding:6px 10px;border:1px solid #151a12;border-radius:0;background:linear-gradient(90deg,#d6d7c7 0%,#bfc2ae 54%,#762c22 54%,#431d17 100%);box-shadow:inset 0 0 0 1px #8d9680;min-height:64px}
.premium-window .premium-offer-image{width:56px;height:56px;grid-row:1;object-fit:contain}
.premium-window .premium-days{font:700 22px NativeMyriad,Tahoma,Arial,sans-serif;color:#314d65;text-shadow:0 1px #eef0de}
.premium-window .premium-price{font-weight:bold;color:#ffe6b1;text-align:right}
.premium-window .premium-offer button{min-width:80px}
.premium-window .premium-daily-rewards{padding-left:20px;line-height:1.7;color:#f0dfac}
.premium-window .premium-bonuses{font-size:13px;line-height:1.5}
@media(max-width:520px){.premium-window .premium-offer{grid-template-columns:42px 1fr 82px;gap:6px;padding:6px}.premium-window .premium-offer-image{width:38px;height:38px;grid-row:1/3}.premium-window .premium-days{font-size:19px}.premium-window .premium-price{grid-column:2;grid-row:2;text-align:left;color:#233a27;font-size:12px}.premium-window .premium-offer button{grid-column:3;grid-row:1/3}.premium-window .premium-mission{flex-direction:column}}

/* Battle list — original Tanki look: green stripes on a lit dark-green field */
.lobby-battles>.battle-list{inset:10px 13px 48px 12px;max-height:none;padding:3px 0 3px 4px;border:0;border-radius:3px;background:linear-gradient(#153716,#0c220d 360px),#0c220d;box-shadow:inset 0 0 6px 2px rgba(0,0,0,.38),0 0 0 1px #0b1a0c;overflow-x:hidden;overflow-y:scroll}
.lobby-battles>.battle-list::-webkit-scrollbar{width:12px}
.lobby-battles>.battle-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}
.lobby-battles>.battle-list::-webkit-scrollbar-thumb{background:#12ff00 padding-box;border:0 solid transparent;border-left-width:5px;border-right-width:3px;border-radius:5px;min-height:30px;box-shadow:none}
.lobby-battles .native-battle-row{position:relative;display:flex;align-items:center;gap:0;box-sizing:border-box;width:100%;height:20px;min-height:20px;margin:0;padding:0 4px 0 3px;border:solid transparent;border-width:1px 0;border-radius:5px;background:transparent padding-box;background-clip:padding-box;color:#59ff31;font:12px NativeMyriad,Tahoma,sans-serif;text-align:left;cursor:pointer}
.lobby-battles .native-battle-row.joinable{background-color:#084a00}
.lobby-battles .native-battle-row:hover{background-color:rgba(8,74,0,.55)}
.lobby-battles .native-battle-row.joinable:hover{background-color:#0b5e00}
.lobby-battles .native-battle-row.selected,.lobby-battles .native-battle-row.joinable.selected{background-color:#0d6200;box-shadow:inset 0 0 0 1px #59ff31}
.lobby-battles .native-battle-row.closed .battle-name,.lobby-battles .native-battle-row.closed .battle-count,.lobby-battles .native-battle-row.closed .battle-mode-icon{opacity:.45}
.lobby-battles .battle-name{display:flex;align-items:center;flex:1;min-width:0;max-width:none;gap:0;overflow:hidden;white-space:nowrap;color:#59ff31;font:12px NativeMyriad,Tahoma,sans-serif}
.lobby-battles .battle-fund{flex:0 0 15px;width:15px;box-sizing:border-box;padding-left:2px;color:#59ff31;font-size:13px;line-height:14px}
.lobby-battles .battle-score{position:absolute;left:54.7%;top:50%;height:14px;margin-top:-7px;transform:none;display:flex;gap:0;pointer-events:none}
.lobby-battles .score-box{box-sizing:border-box;min-width:0;width:27px;height:14px;padding:0;border:1px solid #869787;line-height:12px;text-align:center;font:11px/12px Tahoma,Arial,sans-serif;color:#7a7a7a;background:linear-gradient(#303030,#2b2b2b);box-shadow:none}
.lobby-battles .score-box+.score-box{margin-left:-1px}
.lobby-battles .score-box.red{border-radius:3px 0 0 3px}.lobby-battles .score-box.blue{border-radius:0 3px 3px 0}
.lobby-battles .score-box.solo{width:53px;border-radius:3px}
.lobby-battles .score-box.on{color:#fff}
.lobby-battles .score-box.red.on{background:#6a1a00}.lobby-battles .score-box.blue.on{background:#002f5f}.lobby-battles .score-box.solo.on{background:#275b07}
.lobby-battles .battle-count{flex:0 0 auto;width:auto;min-width:28px;margin-left:auto;text-align:right;color:#59ff31;font:12px NativeMyriad,Tahoma,sans-serif}
.lobby-battles .battle-mode-icon{flex:0 0 18px;width:18px;height:18px;margin:0 -4px 0 -1px;background:center/18px 18px no-repeat;filter:sepia(1) hue-rotate(58deg) saturate(4.5) brightness(1.45);object-fit:initial;pointer-events:none}
.lobby-battles .battle-list-title{top:10px}
.battle-list-title{font:bold 16px NativeMyriad,Tahoma,sans-serif;letter-spacing:0;color:#e6e6e6}
.battle-mode-filters{left:11px;bottom:12px;gap:5px}
.lobby-refresh{right:11px;width:93px}
.lobby-quick-battle{right:112px;bottom:12px}
.battle-mode-filter[aria-checked=true]{background-image:url('/play/battle-list-original/3_alternativa.tanks.view.battlelist.BattleModeCheckBox_normalStateClass.png')}
.battle-mode-filter[aria-checked=true]:hover{background-image:url('/play/battle-list-original/12_alternativa.tanks.view.battlelist.BattleModeCheckBox_overStateClass.png')}
.battle-mode-filter[aria-checked=false] img{opacity:.35}

/* Flash account indicator proportions, as used in the 2017 main panel. */
.classic-bar .classic-normal-rank{left:12px;top:2px;width:48px;height:42px;object-fit:contain}
.classic-bar .classic-indicators{margin-left:74px;position:relative;height:29px;padding:0;min-width:180px}
.classic-bar .classic-name-skin{left:0;right:90px;height:29px}
.classic-bar .classic-identity{left:7px;right:118px;top:5px;height:18px;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/18px Arial,Tahoma,sans-serif;color:#12ff00;text-shadow:1px 1px #000}
.classic-bar .classic-rank-progress{left:5px;top:5px;height:17px;width:calc(100% - 112px);background:linear-gradient(#62a529 0%,#3c7b12 42%,#225507 55%,#163b04 100%);opacity:.7;transform-origin:left center}
.classic-bar .classic-crystals{top:5px;right:15px;width:59px;font:11px/18px Arial,Tahoma,sans-serif;color:#12ff00}
@media(max-width:900px){.classic-bar .classic-normal-rank{left:6px;width:42px}.classic-bar .classic-indicators{margin-left:58px}.classic-bar .classic-name-skin{right:80px}.classic-bar .classic-identity{right:108px}.classic-bar .classic-rank-progress{width:calc(100% - 102px)}}

/* Premium frame has its own layer; activation never resizes the rank icon. */
.classic-bar.premium-active:before{content:'';position:absolute;left:0;top:0;width:72px;height:44px;background:url('/assets/premium/rank-bg.png') center/72px 44px no-repeat;pointer-events:none;z-index:1}
.classic-bar .classic-normal-rank.premium-rank{width:48px;height:42px;padding:0;box-sizing:border-box;background:none;left:12px;top:2px}
@media(max-width:900px){.classic-bar.premium-active:before{width:58px;height:38px;background-size:58px 36px}.classic-bar .classic-normal-rank.premium-rank{left:6px;width:42px}}

/* 2017 battle selection: quick entry above the list, mode filters below. */
.lobby-battles>.lobby-quick-battle{top:10px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:200px;height:50px;font:18px NativeMyriad,Arial,sans-serif;padding:0 12px;background-size:auto 50px}
.lobby-battles>.battle-list{top:66px;bottom:48px;left:11px;right:11px;padding:3px;background:#0c220d;border:1px solid #152619;border-radius:3px;box-shadow:inset 0 1px 4px #0008,0 1px 0 #818779;scrollbar-width:thin;scrollbar-color:#12d900 #0c220d}
.lobby-battles .native-battle-row{height:20px;min-height:20px;border-width:1px 0;padding:0 5px;border-radius:3px;color:#12ff00;font:12px/18px Arial,Tahoma,sans-serif}
.lobby-battles .native-battle-row.joinable{background:#084a00}
.lobby-battles .native-battle-row.selected{background:#0b5b00;box-shadow:inset 0 0 0 1px #12ff00}
.lobby-battles .battle-name{flex:0 1 54%;width:54%;font:12px/18px Arial,Tahoma,sans-serif;color:#12ff00;padding-right:5px;box-sizing:border-box}
.lobby-battles .battle-fund{width:auto;flex:0 0 auto;padding:0 3px 0 0}.lobby-battles .battle-fund:empty{display:none}
.lobby-battles .battle-score{position:static;transform:none;margin:0;flex:0 0 53px;height:14px}
.lobby-battles .battle-count{font:12px/18px Arial,Tahoma,sans-serif;color:#12ff00}
.lobby-battles .battle-mode-icon{margin:0 0 0 2px;width:16px;height:16px;flex-basis:16px;background-size:16px 16px}
.classic-bar .classic-identity{right:126px}
.classic-account-arrow{position:absolute;right:93px;top:4px;width:20px;height:20px;z-index:3;padding:0;background:transparent;border:0;cursor:pointer}
.classic-account-arrow:hover{background:#ffffff18}.classic-account-arrow:focus-visible{outline:1px solid #12ff00}
.classic-account-info{position:absolute;left:74px;top:33px;z-index:50;min-width:240px;max-width:calc(100vw - 94px);padding:12px;background:#222923 url('/play/ui-original/7_assets.window.bitmaps.WindowBGTile.jpg');border:3px ridge #72776c;box-shadow:0 3px 9px #0009;pointer-events:auto;color:#eee;font:12px/20px Arial,sans-serif}
.classic-account-info strong{display:block;color:#12ff00;margin-bottom:5px}.classic-account-info .native-button{display:block;margin:10px 0 0 auto}
@media(max-width:900px){.classic-bar .classic-identity{right:116px}.classic-account-arrow{right:83px}.classic-account-info{left:58px}}
.lobby-battles .native-battle-row[hidden]{display:none}
.lobby-battles>.lobby-quick-battle{background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png');background-repeat:no-repeat,no-repeat,repeat-x;background-position:left top,right top,center top;background-color:#547d32;background-blend-mode:luminosity}
.lobby-battles>.lobby-quick-battle:hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}
.lobby-battles>.lobby-quick-battle:active{background-image:url('/play/ui-original/640_assets.button.bigbutton_DOWN_LEFT.png'),url('/play/ui-original/639_assets.button.bigbutton_DOWN_RIGHT.png'),url('/play/ui-original/641_assets.button.bigbutton_DOWN_CENTER.png')}
.lobby-battles>.lobby-quick-battle:disabled{background-color:#555;background-image:url('/play/ui-original/637_assets.button.bigbutton_OFF_LEFT.png'),url('/play/ui-original/636_assets.button.bigbutton_OFF_RIGHT.png'),url('/play/ui-original/638_assets.button.bigbutton_OFF_CENTER.png')}
/* April 2017 battle list: the pie indicates free slots, independently of mode. */
.lobby-battles .battle-mode-icon{box-sizing:border-box;width:13px;height:13px;flex-basis:13px;margin:0 0 0 2px;border:1px solid currentColor;border-radius:50%;filter:none;background-image:conic-gradient(currentColor var(--free-angle,0deg),transparent 0)!important;color:#59ff31;background-color:transparent}
.lobby-battles .native-battle-row:not(.joinable) .battle-mode-icon{color:#65745f}
.lobby-battles .native-battle-row{font:11px/18px Tahoma,Arial,sans-serif;color:#59ff31;border-radius:4px;padding:0 4px;}
.lobby-battles .battle-name{font:11px/18px Tahoma,Arial,sans-serif;color:inherit;}
.lobby-battles .battle-fund,.lobby-battles .battle-fund:empty{display:inline-block;width:15px;flex:0 0 15px;padding:0;font:13px/18px Arial,sans-serif;color:inherit;}
.lobby-battles .battle-count{font:11px/18px Tahoma,Arial,sans-serif;color:inherit;}
.lobby-battles .native-battle-row.selected,.lobby-battles .native-battle-row.joinable.selected{background:#0c220d;box-shadow:inset 0 0 0 2px #59ff31;}
.lobby-battles .native-battle-row:hover{background-color:#165c08;}
.lobby-battles .native-battle-row.closed{color:#65745f;}
.lobby-battles .native-battle-row.closed .battle-name,.lobby-battles .native-battle-row.closed .battle-count,.lobby-battles .native-battle-row.closed .battle-mode-icon{opacity:1;}
.lobby-battles .score-box{font:11px/12px Tahoma,Arial,sans-serif;border-color:#8c9a85;}
.lobby-battles>.lobby-quick-battle{font:16px Tahoma,Arial,sans-serif;background-blend-mode:luminosity;}
.lobby-battles>.battle-list{scrollbar-width:auto;scrollbar-color:auto;}
.lobby-battles>.battle-list::-webkit-scrollbar{width:12px;}
.lobby-battles>.battle-list::-webkit-scrollbar-thumb{background:#59ff31 padding-box;border-left:4px solid transparent;border-right:3px solid transparent;}

.creation-preview{background-size:contain!important;background-repeat:no-repeat;background-position:center;background-color:#0c220d}.battle-preview-panel .native-map-preview{object-fit:cover}
/* Keep the PRO option in its own row rather than over the battle name. */

/* 2017 garage: communicator, tank and properties above one item shelf. */
.native-garage.with-chat{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.native-garage.with-chat>.lobby-chat{grid-column:1;grid-row:1}
.native-garage.with-chat .garage-body{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(150px,1fr) 155px 40px}
.native-garage.with-chat .garage-shelf,.native-garage.with-chat .garage-categories{width:100%;margin-left:0}
.garage-category-rail{gap:4px;padding-bottom:8px}.garage-category-rail .garage-card{min-height:126px;width:200px}
.garage-categories{gap:5px;padding:4px 6px}.garage-categories .garage-category-button{min-width:92px;flex:0 0 92px;font:12px Arial,Tahoma,sans-serif;background-size:92px 29px}
.garage-details,.garage-item-description{font:12px/17px Arial,Tahoma,sans-serif}.garage-details h2{font:18px Arial,Tahoma,sans-serif;font-weight:normal}
.garage-mod-table{font:11px Arial,Tahoma,sans-serif}.garage-card-name{font:12px Arial,Tahoma,sans-serif}
.native-battle-hud{font-family:Arial,Tahoma,sans-serif}.native-battle-chat{font:12px/18px Arial,Tahoma,sans-serif;width:min(460px,42vw);bottom:75px}.native-killfeed{top:42px;right:10px;gap:3px;font:12px/18px Arial,Tahoma,sans-serif}
.native-battle-counters{right:10px;bottom:10px;gap:10px}.native-battle-frame{font:11px/18px Arial,Tahoma,sans-serif}.native-battle-score{font:18px Arial,Tahoma,sans-serif}
.native-inventory{gap:10px;bottom:10px;left:10px}.native-inventory-slot{font-family:Arial,Tahoma,sans-serif}
@media(max-width:900px){.garage-categories .garage-category-button{min-width:85px;flex-basis:85px}.garage-category-rail .garage-card{width:170px}}

.garage-section-title{font:18px Arial,Tahoma,sans-serif;font-weight:normal;color:#12ff00;margin:12px 0 6px}.garage-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.garage-actions>.native-button{width:auto;min-width:0;padding:0 5px}

.garage-viewport{max-height:none}
body[data-online][data-battle] #scene{margin-top:0;height:100%}
body[data-battle] .classic-bar{background:transparent;border-bottom:0}
body[data-battle] .native-fps{left:auto;right:10px;top:auto;bottom:76px;width:70px;font:11px Arial,Tahoma,sans-serif}
body[data-battle] .native-ping{left:auto;right:10px;top:auto;bottom:60px;width:80px}
.native-battle-chat{bottom:110px}

/* Slider grips are transparent hit areas, including while hovered or dragged. */
.native-rank-range .rank-grip,.native-rank-range .rank-grip:hover,.native-rank-range .rank-grip:active{appearance:none;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;}

/* 2017-2018 supply panel: 50x50 framed slots with item icons and a ready glow */
.native-inventory{gap:6px}
.native-inventory-slot{width:50px;height:50px;background-size:50px 50px;background-repeat:no-repeat;font:bold 11px Arial,Tahoma,sans-serif;overflow:visible}
.native-inventory-slot .inventory-icon{position:absolute;left:3px;top:6px;width:44px;height:auto;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.native-inventory-slot.inventory-empty .inventory-icon,.native-inventory-slot:disabled .inventory-icon{opacity:.45;filter:grayscale(.6)}
.native-inventory-slot .inventory-key{left:4px;top:3px;font-size:10px;color:#e8ecf5}
.native-inventory-slot .inventory-count{right:4px;bottom:3px;font-size:12px}
.native-inventory-slot .inventory-cooldown{border-radius:3px}
.native-inventory-slot.inventory-ready::after{content:'';position:absolute;left:0;bottom:6px;width:50px;height:100px;background:var(--fx) center bottom/100% 100% no-repeat;pointer-events:none;animation:supply-ready .7s ease-out forwards}
@keyframes supply-ready{0%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}

/* Scoreboard: the Premium rank wings (72x44) must not stretch the 15px rank column. */
.native-result-row img.result-rank.premium-rank{width:15px;height:15px;margin:1px -5px 0 -5px;padding:0 5px;box-sizing:content-box;background:url('/assets/premium/rank-bg.png') center/25px 15px no-repeat;position:relative;z-index:1}
.native-result-row .result-name{padding-left:4px}
.native-result-row .premium-reward{color:#ffe27a!important;font-weight:bold;text-shadow:1px 1px #000}

/* Flat 2018 supply panel: translucent bevelled squares with light line icons. */
.native-inventory{gap:8px;left:12px;bottom:12px}
.native-inventory-slot{width:44px;height:44px;background:linear-gradient(rgba(96,84,62,.82),rgba(52,44,32,.86));background-image:linear-gradient(rgba(96,84,62,.82),rgba(52,44,32,.86))!important;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.4)}
.native-inventory-slot .inventory-icon{left:7px;top:7px;width:28px;height:28px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
.native-inventory-slot .inventory-key{opacity:0;font-size:9px}
.native-inventory-slot .inventory-count{right:3px;bottom:1px;font-size:10px;color:#e9e4d6;opacity:.9}
.native-inventory-slot:disabled .inventory-icon,.native-inventory-slot.inventory-empty .inventory-icon{opacity:.35;filter:none}
.native-inventory-slot .inventory-cooldown{border-radius:5px}
.native-inventory-slot.inventory-ready::after{left:-3px;width:50px;bottom:4px}

/* 2018 scoreboard: translucent team panels, plain header band, ping dots, Exit bar. */
.native-scoreboard{gap:6px;align-items:flex-start;font:13px Arial,Tahoma,sans-serif}
.native-scoreboard-title{align-self:stretch;box-sizing:border-box;padding:5px 20px;border-radius:10px;background:rgba(20,18,16,.78);font:18px/24px Arial,Tahoma,sans-serif;color:#fff;text-shadow:none}
.native-result-panel{border-radius:7px;padding:5px;background-image:none!important;border:1px solid rgba(255,255,255,.12)}
.native-result-panel.team-red{background:rgba(150,62,22,.78)!important}.native-result-panel.team-blue{background:rgba(32,72,118,.8)!important}.native-result-panel.team-none{background:rgba(34,86,46,.8)!important}
.native-result-row{height:22px;line-height:22px;align-items:center;column-gap:4px;padding:0 6px;border-radius:4px;background-image:none!important;font-size:13px;color:#f4f0e6;text-shadow:none}
.native-result-header{font-size:13px;color:#fff!important}
.team-red .native-result-header{background:rgba(222,104,40,.95)!important}.team-blue .native-result-header{background:rgba(92,166,222,.96)!important}.team-none .native-result-header{background:rgba(88,170,76,.95)!important}
.native-result-row[data-self=true]{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.native-result-list{height:calc(100% - 22px);margin-top:2px}
.native-result-row .result-who{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.native-result-row .result-name{padding:0}
.native-result-row .result-rank{flex:0 0 auto;margin:0}
.native-result-row img.result-rank.premium-rank{width:15px;height:15px;margin:0 5px;padding:0 5px;box-sizing:content-box;background:url('/assets/premium/rank-bg.png') center/25px 15px no-repeat}
.native-result-row .result-ping{display:flex;align-items:center;gap:6px}
.ping-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7bd23a;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.ping-dot[data-level=fair]{background:#f0932b}.ping-dot[data-level=bad]{background:#e04b3a}.ping-dot[data-level=none]{background:#8a8a8a}
.native-result-prize{align-self:flex-start;color:#f1ebdc;font-size:13px;text-shadow:1px 1px #000;padding-left:2px}
.native-result-footer{box-sizing:border-box;height:46px;padding:0 8px;margin-top:4px;border-radius:9px;background:rgba(20,18,16,.78)!important;background-image:none!important;display:flex;align-items:center;justify-content:space-between}
.native-result-restart{align-self:flex-start;color:#f1ebdc}
.native-exit-button{min-width:96px;height:30px;border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#fff;font:14px Arial,Tahoma,sans-serif;background:linear-gradient(#a8352a,#7a1f18)!important;cursor:pointer}
.native-exit-button:hover{filter:brightness(1.15)}

/* Supply panel centred at the bottom of the screen. */
.native-inventory{left:50%;right:auto;transform:translateX(-50%);bottom:12px}

/* 2018-2019 scoreboard: dark team panel, bright header band, separate bordered rows. */
.native-scoreboard-title{background:rgba(10,10,10,.85);border-radius:12px;font-size:19px;padding:6px 20px}
.native-result-panel{background:rgba(14,36,16,.9)!important;border:1px solid rgba(0,0,0,.45);border-radius:6px;padding:3px}
.native-result-panel.team-red{background:rgba(48,16,12,.9)!important}.native-result-panel.team-blue{background:rgba(12,28,52,.9)!important}
.native-result-header{height:22px;border-radius:5px;color:#0b1a07!important;font-weight:normal;padding:0 6px}
.team-none .native-result-header{background:#52ff2b!important}.team-red .native-result-header{background:#ff6a2b!important}.team-blue .native-result-header{background:#4fb4ff!important}
.native-result-list{display:flex;flex-direction:column;gap:2px;margin-top:3px;height:calc(100% - 25px)}
.native-result-list .native-result-row{flex:0 0 21px;height:21px;line-height:21px;border-radius:4px;font-size:13px}
.team-none .native-result-list .native-result-row{background:linear-gradient(#2f6e2a,#1f4d1c)!important;box-shadow:inset 0 0 0 1px rgba(110,200,90,.25)}
.team-red .native-result-list .native-result-row{background:linear-gradient(#80301f,#5a2014)!important;box-shadow:inset 0 0 0 1px rgba(230,130,90,.25)}
.team-blue .native-result-list .native-result-row{background:linear-gradient(#25588e,#193e68)!important;box-shadow:inset 0 0 0 1px rgba(110,170,230,.28)}
.native-result-list .native-result-row[data-self=true]{box-shadow:inset 0 0 0 1px #5cff30,0 0 0 1px #5cff30}
.team-red .native-result-list .native-result-row[data-self=true]{box-shadow:inset 0 0 0 1px #ff9a5c,0 0 0 1px #ff9a5c}.team-blue .native-result-list .native-result-row[data-self=true]{box-shadow:inset 0 0 0 1px #7cc8ff,0 0 0 1px #7cc8ff}
.ping-dot[data-level=good]{background:#5fe02a}.ping-dot[data-level=mid]{background:#d8e22a}.ping-dot[data-level=fair]{background:#f0a21f}.ping-dot[data-level=bad]{background:#e5382a}.ping-dot[data-level=none]{background:#8c8c8c}
.native-result-prize{margin-top:2px;font-size:14px}
.native-result-footer{background:rgba(10,10,10,.82)!important}

/* DM results matched to the supplied classic scoreboard reference. */
.native-scoreboard[data-mode=DM]{gap:6px;font:12px Arial,sans-serif;max-width:calc(100vw - 16px);}
.native-scoreboard[data-mode=DM] .native-scoreboard-title{height:30px;padding:4px 12px;border-radius:8px;font:16px/22px Arial,sans-serif;}
.native-scoreboard[data-mode=DM] .team-none{box-sizing:border-box;max-width:100%;padding:6px 7px;border:0;border-radius:6px;background:rgba(16,34,16,.72)!important;}
.native-scoreboard[data-mode=DM] .native-result-row{padding:0 3px;column-gap:0;font:12px/18px Arial,sans-serif;}
.native-scoreboard[data-mode=DM] .native-result-header{height:18px;border-radius:3px;background:#52ff2b!important;font:11px/18px Arial,sans-serif;}
.native-scoreboard[data-mode=DM] .native-result-header>span:first-child{text-align:center;}
.native-scoreboard[data-mode=DM] .native-result-list{height:calc(100% - 20px);gap:2px;margin-top:2px;}
.native-scoreboard[data-mode=DM] .native-result-list .native-result-row{flex:0 0 18px;height:18px;line-height:18px;border-radius:3px;background:rgba(43,108,29,.85)!important;box-shadow:none;color:#fff;}
.native-scoreboard[data-mode=DM] .native-result-list .native-result-row[data-self=true]{background:rgba(59,139,32,.9)!important;box-shadow:inset 0 0 0 1px #52ff2b;}
.native-scoreboard[data-mode=DM] .numeric{text-align:center;}
.native-scoreboard[data-mode=DM] .result-who{gap:3px;}
.native-scoreboard[data-mode=DM] .result-ping{gap:6px;}
.native-scoreboard[data-mode=DM] .ping-dot{width:8px;height:8px;box-shadow:none;}
.native-scoreboard[data-mode=DM] .native-result-prize{font:13px/18px Arial,sans-serif;padding-left:7px;margin:0;}
.native-scoreboard[data-mode=DM] .native-result-footer{height:36px;padding:3px 4px;margin:0;border-radius:5px;max-width:100%;background:rgba(16,25,24,.8)!important;}
.native-scoreboard[data-mode=DM] .native-exit-button{height:30px;min-width:96px;font:12px Arial,sans-serif;border:3px ridge #999;border-radius:5px;background:linear-gradient(#592820,#30130f)!important;}

.classic-overdrive{position:fixed;left:calc(50% + 155px);bottom:12px;width:54px;height:54px;padding:2px;border:1px solid #8e9b77;border-radius:5px;color:#eee;background:linear-gradient(to top,#4f7d29 var(--charge),#1d291c var(--charge));z-index:20;font:11px Arial;}
.classic-overdrive[hidden]{display:none}.classic-overdrive span{display:block;font-size:25px;line-height:25px;color:#9aa98b}.classic-overdrive small{position:absolute;top:2px;left:3px;font-size:9px}.classic-overdrive b{display:block;font-size:11px}.classic-overdrive:disabled{cursor:default}.classic-overdrive.ready span{color:#e6ff7e;text-shadow:0 0 7px #afff30}.classic-overdrive:hover{background:linear-gradient(to top,#5f9035 var(--charge),#263722 var(--charge));}

.garage-module-slots{display:flex;gap:5px;margin:8px 0 14px}.garage-module-slots .native-button{flex:1;min-width:0;padding:0 4px;font:11px Arial;}

.classic-overdrive-star{position:fixed;transform:translate(-50%,-100%);font:28px Arial;color:#f3ffab;text-shadow:0 0 6px #aaff33;pointer-events:none;z-index:18}.classic-overdrive-star[hidden]{display:none}.tank-name.overdrive-ready:before{content:'★';display:block;color:#efffa0;font:22px Arial;text-shadow:0 0 5px #aaff33;}

.tank-technical-info{display:none;font:11px/17px Arial;color:#eee;text-shadow:1px 1px #000;white-space:nowrap}body[data-tank-details] .tank-technical-info{display:block}.tank-protection,.result-protection{color:#95ff46;font:11px Arial;white-space:nowrap;margin-left:4px}.tank-protection[hidden]{display:none}
/* December 2018: horizontal silver/gold Challenge track. */
.challenges-window{width:min(1000px,96vw);padding:30px 16px 12px;color:#fff;box-sizing:border-box}
.challenges-tabs{display:flex;gap:6px;margin-bottom:14px}.challenges-tabs .selected{filter:brightness(1.3);outline:1px solid #95b550}
.challenges-head,.challenges-summary,.challenges-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px}.challenges-countdown{font-variant-numeric:tabular-nums;color:#d9eac2}.challenges-summary{flex-wrap:wrap;background:#172711a8;border:1px solid #526449;border-radius:4px}.challenges-summary progress{width:100%;height:18px;accent-color:#69c411}
.challenges-scroll{overflow-x:auto;max-width:100%;padding:14px 0;scrollbar-color:#789456 #172414}.challenges-grid{display:flex;width:max-content;gap:5px}.challenge-stage{width:110px;flex:0 0 110px;text-align:center}.challenge-tier{background:#1d2d16;border:1px solid #687d52;border-radius:3px 3px 0 0;font:bold 15px Arial;padding:5px}.challenge-threshold{padding:5px;background:#223b14;color:#b9dca1}.challenge-stage.complete .challenge-tier{background:#4e7528}.challenge-reward{min-height:136px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:5px;padding:8px 4px;border:1px solid #8c9a83;border-radius:3px;background:linear-gradient(#6f7964,#394533);font:12px Arial}.challenge-reward.gold{border-color:#b59a4b;background:linear-gradient(#8b763b,#50431e)}.challenge-reward img{width:66px;height:44px;object-fit:contain}.challenge-reward-name{min-height:28px;display:flex;align-items:center}.challenge-reward-state{font-size:10px;color:#e7e8d3}.challenge-reward.claimed{box-shadow:inset 0 0 0 2px #71d033}.challenge-reward.locked{filter:saturate(.5);opacity:.8}.challenges-help{margin:6px 8px;color:#d2d5cc;font:12px Arial}.challenges-foot{font:12px Arial}.challenges-foot button{min-width:100px}@media(max-width:600px){.challenges-head{flex-wrap:wrap}.challenges-window{padding-left:8px;padding-right:8px}.challenges-foot{align-items:flex-start}}
.gauss-reticle{position:fixed;z-index:14;pointer-events:none;transform:translate(-50%,-50%)}.gauss-reticle[hidden]{display:none}
.challenge-skin-collection{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;font:12px Arial}.challenge-skin-collection button{min-width:150px}
body:has(.native-inventory:not([hidden])) #native-controls-hint{bottom:62px}
.challenges-foot{flex-wrap:wrap}.challenges-window{display:flex;flex-direction:column;max-height:calc(100dvh - 56px);overflow:visible}.challenges-content{min-height:0;overflow-y:auto;overflow-x:hidden}

/* Shared classic chat width; opening input reserves a separate line above supplies. */
.native-battle-chat-input{width:min(460px,42vw);bottom:75px}
.native-battle-hud:has(.native-battle-chat-input:not([hidden])) .native-battle-chat{bottom:110px}
.native-inventory-slot .inventory-key{opacity:1;top:-15px;left:3px;font:11px/13px Arial,Tahoma,sans-serif;color:#fff;text-shadow:1px 1px 2px #000}
.garage-categories .garage-category-button{flex:1 0 80px;min-width:80px}
.garage-actions>.garage-buy-button:enabled{background-image:url('/play/garage-original/50_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_leftUpClass.png'),url('/play/garage-original/24_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_rightUpClass.png'),url('/play/garage-original/43_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_middleUpClass.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-actions>.garage-buy-button:enabled:hover{background-image:url('/play/garage-original/46_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_leftOverClass.png'),url('/play/garage-original/66_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_rightOverClass.png'),url('/play/garage-original/29_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_middleOverClass.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-actions>.garage-buy-button:enabled:active{background-image:url('/play/garage-original/31_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_leftDownClass.png'),url('/play/garage-original/8_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_rightDownClass.png'),url('/play/garage-original/42_alternativa.tanks.gui.buttons.color.GreenBigButtonSkin_middleDownClass.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-actions>.garage-upgrade-button:enabled{background-image:url('/play/garage-original/67_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_leftUpClass.png'),url('/play/garage-original/60_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_rightUpClass.png'),url('/play/garage-original/55_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_middleUpClass.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-actions>.garage-upgrade-button:enabled:hover{background-image:url('/play/garage-original/48_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_leftOverClass.png'),url('/play/garage-original/63_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_rightOverClass.png'),url('/play/garage-original/4_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_middleOverClass.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-actions>.garage-upgrade-button:enabled:active{background-image:url('/play/garage-original/22_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_leftDownClass.png'),url('/play/garage-original/2_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_rightDownClass.png'),url('/play/garage-original/57_alternativa.tanks.gui.buttons.color.GoldBigButtonSkin_middleDownClass.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}

/* Category frames contain no baked-in Battles sword behind their own icon. */
.garage-categories .garage-category-button{background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png');background-position:left top,right top,center top;background-size:auto 29px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-categories .garage-category-button:hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}
.garage-categories .garage-category-icon,.garage-categories .garage-category-button:hover .garage-category-icon{background:none}
.garage-actions.garage-inventory-actions>.garage-buy-button{width:120px;min-width:120px;flex:0 0 120px}

/* Scoreboard width updates independently of height; compact columns keep every stat visible. */
.native-scoreboard{max-width:calc(100vw - 16px)}
.native-scoreboard-title{min-width:0;max-width:100%}
.native-result-header>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.native-result-footer{max-width:100%}

/* The rank fill and XP gain share one responsive track measurement. */
.classic-indicators{--rank-track-inset:112px}
.classic-bar .classic-rank-progress{width:calc(100% - var(--rank-track-inset))}
.classic-bar .classic-rank-delta{left:calc(5px + (100% - var(--rank-track-inset)) * var(--rank-delta-start,0));width:calc((100% - var(--rank-track-inset)) * var(--rank-delta-size,0))}
.classic-bar .classic-crystals{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.classic-indicators{--rank-track-inset:102px}}

.garage-combat-details{margin:12px 0 0;font:12px/18px Arial,Tahoma,sans-serif;color:#d4dbc9;flex-shrink:0}.garage-combat-details>div{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-bottom:1px solid #64825344}.garage-combat-details dt{min-width:0}.garage-combat-details dd{margin:0;white-space:nowrap;color:#12ff00}

/* Keep native counter frames inside the viewport and clear of the supply row. */
.native-battle-counters{max-width:calc(100vw - 20px);height:auto;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}
.native-battle-frame{min-width:0;max-width:100%;flex:0 1 auto}
.native-battle-fund{min-width:0;overflow:hidden;text-overflow:ellipsis}
.native-battle-frame>img,.native-battle-limit,.native-battle-clock{flex:0 0 auto}
.native-battle-score,.native-battle-counters>.ctf-hud{flex:0 0 auto}
@media(max-width:1100px){body:has(.native-inventory:not([hidden])) .native-battle-counters{bottom:80px}}

.tank-protection,.result-protection{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}
.tank-protection[hidden],.result-protection[hidden]{display:none}
.native-protection-shield{display:inline-block;flex:0 0 9px;width:9px;height:15px;background:url('/play/garage-original/12_alternativa.tanks.gui.ItemInfoPanelBitmaps_bitmapArmor.png') center/20px 20px no-repeat;filter:brightness(0) saturate(100%) invert(90%) sepia(32%) saturate(1650%) hue-rotate(30deg)}

/* Classic InventoryIcon bitmap frames: preserve their native 40px geometry. */
.native-inventory-slot,.native-inventory-slot:hover,.native-inventory-slot:disabled{width:40px;height:40px;border:0;border-radius:0;box-shadow:none;background:transparent!important}
.native-inventory-slot .inventory-icon{inset:0;width:40px;height:40px;filter:none;object-fit:contain}
.native-inventory-slot:disabled .inventory-icon,.native-inventory-slot.inventory-empty .inventory-icon{opacity:.45;filter:none}
.native-inventory-slot[data-index="6"]{background:url('/play/ui-sprites/DefineSprite_164_controls.InventoryIcon/7.png') center/40px 40px no-repeat!important}
.native-inventory-slot[data-index="6"] .inventory-icon{inset:4px;width:32px;height:32px}
.native-inventory-slot .inventory-cooldown{border-radius:4px}
.native-inventory-slot .inventory-count{z-index:2;right:3px;bottom:1px;font:10px/12px Arial,Tahoma,sans-serif;color:white;text-shadow:1px 1px #000}
.native-inventory-slot:focus-visible{outline:2px solid #b6e880;outline-offset:2px}
.native-inventory-slot.inventory-ready::after{left:-5px;width:50px;bottom:0}
/* Price shares the old shelf's title row; long names yield to the quote. */
.garage-card .garage-card-caption{position:absolute;left:9px;right:9px;top:6px;display:flex;align-items:center;gap:5px;z-index:3;min-width:0;font-weight:normal}
.garage-card-caption .garage-card-name{position:static;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
.garage-card-caption .garage-card-price{position:static;flex:none;white-space:nowrap;font:12px Arial,Tahoma,sans-serif}
.garage-card.rank-locked .garage-card-caption{right:29px}

.garage-card-caption .garage-card-price::after{content:'';display:inline-block;width:9px;height:11px;margin-left:3px;vertical-align:-1px;background:url('/play/ui-sprites/DefineSprite_738_assets.Diamond/1.png') center no-repeat}
.garage-item-description{color:#00ff00}

/* Native owned-equipment modification marks and shelf scaling. */
.garage-card-caption .garage-card-modification{display:block;flex:none;width:36px;height:7px;background:center no-repeat}
.garage-category-rail .garage-card{flex-basis:200px;background-size:100% 100%}
.garage-category-rail .garage-card img:not(.garage-card-rank){width:calc(100% - 20px)}
@media(max-width:900px){.garage-category-rail .garage-card{flex-basis:170px;width:170px}}

.garage-category-rail .garage-card:focus-visible{outline:2px solid #e9ffb9;outline-offset:-4px}

.garage-confirm{max-width:calc(100vw - 20px);box-sizing:border-box}
@media(max-width:620px){.native-upgrade-row{grid-template-columns:minmax(0,1fr) 110px}.native-upgrade-info{min-width:0}.native-upgrades .upgrade-action{min-width:0;width:110px}}
.native-upgrades{box-sizing:border-box;max-width:calc(100vw - 20px)}
@media(max-width:620px){
 .native-upgrade-row{height:68px}
 .native-upgrade-info{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:repeat(3,18px);gap:0 3px;padding:7px}
 .native-upgrade-info .garage-property-icon{display:none}
 .native-upgrade-info .upgrade-property-name{grid-column:1/3;grid-row:1;max-width:none}
 .native-upgrade-info .upgrade-level{grid-column:1;grid-row:2;font-size:11px}
 .native-upgrade-info .upgrade-property-value{grid-column:2;grid-row:2;overflow:hidden;text-overflow:ellipsis}
 .native-upgrade-info .upgrade-row-clock{grid-column:1/3;grid-row:3;margin-left:0}
 .native-upgrades .upgrade-action{height:68px}
}

.native-chat-name img.premium-rank,.native-killfeed-name img.premium-rank{width:15px;height:15px;padding:0 5px;box-sizing:content-box;background-size:25px 15px}

/* Keep classic notice colors/ranks readable inside the existing feed width. */
.native-killfeed-row{max-width:100%;flex-wrap:wrap;justify-content:flex-end;white-space:normal}
.native-killfeed-name{min-width:0;max-width:100%;flex:0 1 auto}
.native-killfeed-name img{flex:none}
.native-killfeed-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-killfeed-action{min-width:0;max-width:100%;overflow-wrap:anywhere}
.native-killfeed-name[role="button"]{pointer-events:auto}
.native-killfeed-name:focus-visible{outline:1px solid #b6e880;outline-offset:1px}

.native-chat-header{max-width:calc(100% - 5px)}
.native-chat-name{min-width:0;max-width:100%}
.native-chat-name img,.native-chat-team{flex:none}
.native-chat-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-chat-name:focus-visible{outline:1px solid #b6e880;outline-offset:1px}

/* Flag/protection are separate fixed badges; only the nickname may shrink. */
.native-result-row .result-name{min-width:0;flex:0 1 auto}
.native-result-row .result-flag{flex:none;margin:0;width:14px;height:14px}
.native-result-row .result-protection{flex:none;margin-left:0}
.native-result-row img.result-rank.premium-rank{margin:0}
@media(max-width:500px){.native-result-row .result-who{gap:2px}}
/* Center the transformed 750px native form itself, rather than a grid track. */
@media(max-width:770px){
 .native-settings-overlay{display:flex;justify-content:center;align-items:flex-start;overflow-x:hidden}
 .native-settings-window{flex:0 0 750px}
}
@media(max-height:540px){
 .native-settings-overlay{align-items:start}
 .native-settings-window{margin-top:30px;margin-bottom:12px}
}

.native-lobby-chat-header{max-width:calc(100% - 5px)}
.chat-line .native-lobby-chat-name{min-width:0}
.native-lobby-chat-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-lobby-chat-name .chat-rank,.native-lobby-chat-arrow{flex:none}

.native-lobby-chat-name img.chat-rank.premium-rank{width:15px;height:15px;padding:0 5px;box-sizing:content-box;background-size:25px 15px}

.native-player-row img{flex:none}
.native-player-row .player-name{flex:1;min-width:0}
.native-player-row .player-score{overflow:hidden;text-overflow:ellipsis}

.lobby-battles .native-battle-row:focus-visible{outline:1px solid #c4ed90;outline-offset:-2px}
/* Protection presentation follows the supplied classic garage reference. */
.protection-artwork{display:inline-flex;position:relative;flex:none;width:104px;height:108px;background:url('/play/protection-original/frame.svg') center/contain no-repeat;align-items:center;justify-content:center;vertical-align:middle}
.protection-artwork img.protection-symbol{position:static!important;width:36px!important;height:36px!important;object-fit:contain;filter:drop-shadow(0 0 3px #94a43a);}
.garage-card>.protection-artwork{position:absolute;left:50%;top:23px;transform:translateX(-50%);width:96px;height:100px}
.protection-info .garage-details{display:flex;flex-direction:column}
.protection-info .garage-details h2{flex:none}
.protection-mod-table{flex:none;border:1px solid #50e915;border-radius:3px;padding:4px 8px 8px;background:#003300;color:#fff}
.protection-mod-table th{height:34px}
.protection-table-symbol{width:30px;height:30px;background:url('/play/garage-original/25_alternativa.tanks.gui.ItemInfoPanelBitmaps_backIconClass.png') center/30px 30px no-repeat}
.protection-table-symbol img.protection-symbol{width:23px!important;height:23px!important}
.protection-mod-table td{height:17px;line-height:17px}
.protection-mod-table .protection-percentage{text-align:right;width:40%}
.protection-mod-table .garage-mod-mark{width:20px}
.protection-mod-table .garage-mod-rank{width:22px}
.protection-mod-table .garage-mod-price{text-align:left;padding-left:8px}
.protection-info .garage-details>.protection-artwork{margin:6px 0 6px 12px}
.protection-description{margin:8px 0 12px;font:12px/15px Arial,Tahoma,sans-serif}
.garage-module-equipment{margin-top:auto;padding-top:18px;text-align:center;flex:none}
.garage-module-equipment h3{margin:6px 0 12px}
.garage-module-equipment .garage-module-slots{display:flex;justify-content:center;gap:12px;margin:0 0 8px}
.protection-slot{position:relative;flex:0 1 84px;height:84px;min-width:0;padding:3px;border:2px solid #4fe32d;border-radius:3px;background:#075300;cursor:pointer}
.protection-slot .protection-artwork{width:68px;height:72px;max-width:100%}
.protection-slot .protection-artwork img.protection-symbol{width:32px!important;height:32px!important}
.protection-slot:disabled{background:#0c260c;border-color:#41643a;cursor:default;opacity:.65}
.protection-slot[aria-pressed=true],.protection-slot:hover:not(:disabled){background:#167400;border-color:#9dff70}
.protection-slot:focus-visible{outline:2px solid #d7ffa1;outline-offset:2px}
.protection-info .garage-actions .garage-buy-button{order:1}
.protection-info .garage-actions .garage-upgrade-button{order:2}
.protection-info .garage-actions .garage-equip-button{order:3}
.protection-info .garage-details{max-height:none}
.garage-card>.protection-artwork{display:flex}
.protection-info .garage-actions>.native-button:enabled:not(.gold-upgrade-button){background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.protection-info .garage-actions>.native-button:enabled:not(.gold-upgrade-button):hover{background-image:url('/play/ui-original/643_assets.button.bigbutton_OVER_LEFT.png'),url('/play/ui-original/642_assets.button.bigbutton_OVER_RIGHT.png'),url('/play/ui-original/644_assets.button.bigbutton_OVER_CENTER.png')}
.protection-info .garage-actions>.native-button:enabled:not(.gold-upgrade-button):active{background-image:url('/play/ui-original/640_assets.button.bigbutton_DOWN_LEFT.png'),url('/play/ui-original/639_assets.button.bigbutton_DOWN_RIGHT.png'),url('/play/ui-original/641_assets.button.bigbutton_DOWN_CENTER.png')}
.protection-symbol-group{display:flex;align-items:center;justify-content:center}
.multiple-protections .protection-symbol-group{display:grid;grid-template-columns:repeat(2,24px);gap:2px;justify-items:center}
.protection-artwork.multiple-protections img.protection-symbol{width:24px!important;height:24px!important}
.protection-mod-table .garage-mod-price::after{content:'';display:inline-block;width:9px;height:11px;margin-left:3px;vertical-align:-1px;background:url('/play/ui-sprites/DefineSprite_738_assets.Diamond/1.png') center no-repeat}

/* November/December 2018 separate skin, alteration and shot colour slots. */
.garage-cosmetic-slots{display:flex;gap:15px;margin:10px 0 12px;flex:none}.garage-cosmetic-cell{width:84px;min-width:0;text-align:center}.garage-cosmetic-label{display:block;color:#0f0;font:16px Arial;margin-bottom:14px;white-space:nowrap}.garage-cosmetic-slot{width:84px;height:84px;border:3px outset #d5d5d5;border-radius:4px;background:linear-gradient(#ddd,#999 55%,#555);padding:10px;cursor:pointer}.garage-cosmetic-slot img{width:100%;height:100%;object-fit:contain}.garage-cosmetic-slot:hover{filter:brightness(1.15)}.garage-cosmetic-slot:focus-visible{outline:2px solid #0f0;outline-offset:2px}.garage-cosmetic-dialog{width:470px;max-width:calc(100vw - 48px);padding:20px;box-sizing:border-box}.garage-cosmetic-dialog h2{font:18px Arial;color:#0f0;margin:0 0 16px}.garage-cosmetic-options{display:flex;gap:12px;overflow:auto;padding:4px}.garage-cosmetic-option{flex:0 0 155px;display:flex;align-items:center;flex-direction:column;background:#16300e;border:1px solid #6a8e4c;border-radius:4px;color:#0f0;padding:8px;cursor:pointer}.garage-cosmetic-option[aria-pressed=true]{border:2px solid #0f0;background:#315320}.garage-cosmetic-option img{width:120px;height:92px;object-fit:contain}.garage-cosmetic-option small{color:#ddd}.garage-cosmetic-status{font:12px/18px Arial;color:#0f0;min-height:36px}.garage-cosmetic-actions{display:flex;justify-content:flex-end;gap:12px}.garage-cosmetic-actions .native-button{margin:0;min-width:110px}.garage-cosmetic-dialog .native-button{background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png');background-repeat:no-repeat,no-repeat,repeat-x;background-position:left top,right top,center top;background-size:auto 50px}@media(max-width:1050px){.garage-cosmetic-slots{gap:10px}.garage-cosmetic-cell{width:74px}.garage-cosmetic-slot{width:74px;height:74px}.garage-cosmetic-label{font-size:14px}}

.garage-cosmetic-actions .native-button{height:50px;min-height:50px}.garage-cosmetic-slot:disabled{cursor:default}

.garage-description-preview{width:180px;height:125px;object-fit:contain;align-self:flex-start;flex:none;margin:0 0 14px 8px}

.garage-info:has(.garage-cosmetic-slots) .garage-actions>.native-button:enabled:not(.gold-upgrade-button){background-image:url('/play/ui-original/646_assets.button.bigbutton_UP_LEFT.png'),url('/play/ui-original/645_assets.button.bigbutton_UP_RIGHT.png'),url('/play/ui-original/647_assets.button.bigbutton_UP_CENTER.png');background-position:left top,right top,center top;background-size:auto 50px;background-repeat:no-repeat,no-repeat,repeat-x}
.garage-info:has(.garage-cosmetic-slots) .garage-details{max-height:none}

.shot-effect-preview{margin:12px 0 0;border:1px solid #608e3b;background:#091409;border-radius:3px;padding:6px;min-width:0}.shot-effect-preview canvas{display:block;width:100%;height:128px;object-fit:contain}.shot-effect-preview p{margin:3px 0;text-align:center;color:#0f0;font:12px Arial;min-height:14px}.shot-preview-modes{display:flex;justify-content:center;gap:8px;margin:6px 0}.shot-preview-modes button,.shot-effect-preview>button{color:#0f0;background:#20361a;border:1px solid #659644;border-radius:3px;padding:5px 12px;cursor:pointer}.shot-preview-modes button[aria-pressed=true]{border-color:#0f0;background:#36562a}.garage-cosmetic-overlay{overflow:auto}.garage-cosmetic-dialog:has(.shot-effect-preview){max-height:calc(100vh - 48px);overflow:auto}

.garage-cosmetic-dialog{max-height:calc(100vh - 48px);overflow:auto}.garage-cosmetic-status{white-space:pre-line}.augment-purchase-confirmation{z-index:22}.garage-cosmetic-option small{display:block}.garage-cosmetic-actions .native-button{min-width:110px;max-width:100%;width:auto}

.garage-cosmetic-option img.augment-required-rank{width:16px;height:16px;object-fit:contain;margin-top:3px}

/* Garage opened over a running battle: hide the battle HUD and supply panel. */
body[data-garage-over-battle] .native-battle-hud,body[data-garage-over-battle] .native-inventory{display:none!important}

/* Archived 2017 BattleMessages: top=50, messageSpacing=6. */
.native-killfeed{top:50px;gap:6px}

.native-killfeed-weapon{display:block;width:auto;height:auto;max-width:none}

.matchmaking-overlay{position:fixed;inset:0;pointer-events:auto;z-index:1500;display:grid;place-items:center;background:#0008}
.matchmaking-dialog{position:relative;box-sizing:border-box;width:min(420px,calc(100vw - 24px));padding:24px;text-align:center;color:#fff}
.matchmaking-dialog h2{font:18px Arial,sans-serif;margin:0 0 20px}
.matchmaking-dialog p{font:13px/1.5 Arial,sans-serif;margin:12px 0}
.matchmaking-dialog button{min-width:120px;margin-top:10px}

/* Reconstructed social dialog; original frame assets, server-owned state. */
.social-overlay{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;background:#0008;pointer-events:auto}
.social-dialog{position:relative;box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:24px;color:#fff;font:13px/1.5 Arial,sans-serif}
.social-dialog h2{font-size:18px;margin:0 0 16px}.social-dialog h3{font-size:15px}
.social-dialog form,.social-friend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
.social-dialog input{min-width:0;flex:1;background:#102812;color:#fff;border:1px solid #7d9071;padding:6px}
.social-dialog button{padding:0 10px;min-width:70px;margin:3px}
.social-friend>span{flex:1;min-width:130px;overflow-wrap:anywhere}.social-friends{max-height:35vh;overflow:auto}
.social-group{border-top:1px solid #708267;margin-top:14px;padding-top:8px}.social-group p{margin:4px 0}
.lobby-battles>.lobby-quick-battle{left:11px;transform:none;width:min(200px,calc(100% - 110px))}
.lobby-social-button{position:absolute;right:11px;top:20px;width:80px}

.native-continue-button{min-width:110px;background-color:#4c7735;background-blend-mode:luminosity}

/* Period table: archived result bitmaps and native 20 px rows. */
.native-scoreboard.period-scoreboard[data-mode]{gap:5px;font:12px Arial,sans-serif;top:var(--score-top);transform:translateX(-50%)}
.native-scoreboard.period-scoreboard[data-mode] .native-scoreboard-title{box-sizing:border-box;height:28px;padding:3px 10px;border-radius:8px;background:rgba(0,0,0,.6);font:18px/22px Arial,sans-serif}
.native-scoreboard.period-scoreboard[data-mode] .native-result-panel{padding:7px;border:0;border-radius:0;background:var(--result-skin,none) no-repeat!important;background-size:100% 100%!important;box-shadow:none}
.native-scoreboard.period-scoreboard[data-mode] .native-result-row{padding:0;column-gap:0;box-sizing:border-box;height:20px;line-height:20px;font-size:12px;align-items:center;border:0;border-radius:0;text-shadow:1px 1px #000}
.native-scoreboard.period-scoreboard[data-mode] .native-result-header{height:18px;font:12px/18px Arial,sans-serif;background:var(--result-skin,none) no-repeat!important;border-radius:0;text-shadow:none}
.native-scoreboard.period-scoreboard[data-mode] .team-none .native-result-header{color:#014601!important}
.native-scoreboard.period-scoreboard[data-mode] .team-red .native-result-header{color:#470800!important}
.native-scoreboard.period-scoreboard[data-mode] .team-blue .native-result-header{color:#002d46!important}
.native-scoreboard.period-scoreboard[data-mode] .native-result-header>span:first-child{text-align:left;padding-left:15px}
.native-scoreboard.period-scoreboard[data-mode] .numeric{text-align:right;padding-right:2px}
.native-scoreboard.period-scoreboard[data-mode] .native-result-list{display:flex;flex-direction:column;height:calc(100% - 18px);margin:0;gap:0}
.native-scoreboard.period-scoreboard[data-mode] .native-result-list .native-result-row{flex:0 0 20px;height:20px;line-height:20px;background:var(--result-skin,none) no-repeat!important;border-radius:0;box-shadow:none;color:#fff}
.native-scoreboard.period-scoreboard[data-mode] .native-result-list .native-result-row[data-self=true]{box-shadow:none}
.native-scoreboard.period-scoreboard[data-mode] .result-who{gap:0;padding-left:1px}
.native-scoreboard.period-scoreboard[data-mode] .result-rank{margin:0;align-self:center}
.native-scoreboard.period-scoreboard[data-mode] .result-stars{color:#f3c800}
.native-scoreboard.period-scoreboard[data-mode] .premium-reward{color:#fff}
.native-scoreboard.period-scoreboard[data-mode] .native-result-footer{box-sizing:border-box;height:38px;flex:0 0 38px;padding:4px 7px;margin:5px 0 0;border:0;border-radius:0;background:var(--result-skin,none) no-repeat!important;gap:7px}
.native-scoreboard.period-scoreboard[data-mode] .native-result-restart,.native-scoreboard.period-scoreboard[data-mode] .native-result-prize{min-width:0;flex:1;align-self:center;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0;font:12px/20px Arial,sans-serif}
.native-scoreboard.period-scoreboard[data-mode] .native-exit-button,.native-scoreboard.period-scoreboard[data-mode] .native-continue-button{box-sizing:border-box;flex:none;min-width:96px;width:96px;height:30px;padding:0 7px;border:0;border-radius:0;font:12px Arial,sans-serif;background-color:transparent;background-blend-mode:normal;background-repeat:no-repeat,no-repeat,repeat-x!important;background-position:left top,right top,7px top!important;background-size:7px 30px,7px 30px,calc(100% - 14px) 30px!important}
.native-scoreboard.period-scoreboard[data-mode] .native-exit-button{background-image:url('/play/result-buttons-2017/red-up-left.png'),url('/play/result-buttons-2017/red-up-right.png'),url('/play/result-buttons-2017/red-up-center.png')!important}
.native-scoreboard.period-scoreboard[data-mode] .native-exit-button:hover:enabled{background-image:url('/play/result-buttons-2017/red-over-left.png'),url('/play/result-buttons-2017/red-over-right.png'),url('/play/result-buttons-2017/red-over-center.png')!important}
.native-scoreboard.period-scoreboard[data-mode] .native-exit-button:active:enabled{background-image:url('/play/result-buttons-2017/red-down-left.png'),url('/play/result-buttons-2017/red-down-right.png'),url('/play/result-buttons-2017/red-down-center.png')!important}
.native-scoreboard.period-scoreboard[data-mode] .native-continue-button{background-image:url('/play/result-buttons-2017/green-up-left.png'),url('/play/result-buttons-2017/green-up-right.png'),url('/play/result-buttons-2017/green-up-center.png')!important}
.native-scoreboard.period-scoreboard[data-mode] .native-continue-button:hover:enabled{background-image:url('/play/result-buttons-2017/green-over-left.png'),url('/play/result-buttons-2017/green-over-right.png'),url('/play/result-buttons-2017/green-over-center.png')!important}
.native-scoreboard.period-scoreboard[data-mode] .native-continue-button:active:enabled{background-image:url('/play/result-buttons-2017/green-down-left.png'),url('/play/result-buttons-2017/green-down-right.png'),url('/play/result-buttons-2017/green-down-center.png')!important}

/* Archived TanksFontsActivator + Label: embedded Myriad Pro, 12 px. */
@font-face{font-family:PeriodMyriad;src:url('/play/fonts-2017/myriad-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PeriodMyriad;src:url('/play/fonts-2017/myriad-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.native-scoreboard.period-scoreboard[data-mode],.native-scoreboard.period-scoreboard[data-mode] *{font-family:PeriodMyriad,NativeMyriad,sans-serif!important;text-shadow:none}
.native-scoreboard.period-scoreboard[data-mode] .native-result-row{ text-shadow:none }
.native-scoreboard.period-scoreboard[data-mode] .result-name:hover,.native-scoreboard.period-scoreboard[data-mode] .result-name:focus-visible{text-shadow:0 0 4px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.8)}

.native-battle-hud,.native-battle-chat,.native-battle-chat-input,.native-killfeed,.native-battle-counters{font-family:PeriodMyriad,NativeMyriad,sans-serif!important}
/* Reference battle creation: map/theme row, large preview, five mode tiles. */
.creation-form{grid-template-rows:30px 30px minmax(150px,1fr) 30px 50px 48px repeat(5,28px) auto 30px;gap:6px 8px}
.creation-form>.field-map{grid-area:2/1/3/2;min-width:0}
.creation-form>.field-theme{grid-area:2/2/3/3;display:flex;height:30px}
.field-theme select{flex:1;width:auto;background:#292929;color:#eee;border:1px solid #aaa;border-radius:4px;box-shadow:inset 0 1px #777,inset 0 -4px 6px #111}
.creation-preview{background-size:cover!important;background-color:#171a16;border:1px solid #91958b;box-shadow:0 0 0 1px #1c211b;border-radius:2px}
.native-mode-buttons .native-button{line-height:16px;overflow-wrap:normal}
.native-mode-buttons .native-button:disabled{opacity:.45;cursor:not-allowed}
.creation-footer .native-button{width:96px}
@media(max-width:600px){.creation-form{grid-template-rows:30px 30px minmax(130px,1fr) 30px 50px 48px repeat(5,28px) auto 30px}.field-map>span,.field-theme>span{font-size:11px}}
.creation-form{grid-template-rows:30px 30px minmax(150px,1fr) 30px 50px 48px repeat(6,28px) auto 30px}
.creation-form>.field-pro{display:none!important}
.creation-form>.field-withoutSupplies{grid-area:7/1/8/2}
.creation-form>.field-smartSupplies{grid-area:8/1/9/2;margin-left:24px}
.creation-form>.field-withoutBonuses{grid-area:9/1/10/2}
.creation-form>.field-equipmentChange{grid-area:10/1/11/2}
.creation-form>.field-withoutAlterations{grid-area:11/1/12/2}
.creation-form>.field-format{grid-area:7/2/8/3;display:flex}
.field-format>span{display:none}.field-format select{width:100%;height:30px;background:#292929;color:#eee;border:1px solid #aaa;border-radius:4px}
.creation-form>.field-withoutUpgrades{grid-area:8/2/9/3}
.creation-form>.field-withoutCrystals{grid-area:9/2/10/3}
.creation-form>.field-goldBox{grid-area:10/2/11/3}
.creation-form>.field-visibleDropZone{grid-area:11/2/12/3;margin-left:24px}
.creation-form>.field-autoBalance{grid-area:12/1/13/2}.creation-form>.field-friendlyFire{grid-area:12/2/13/3}
.creation-form>.creation-error{grid-area:13/1/14/3}
.creation-form>.field-private{grid-area:14/1/15/2}.creation-form>.creation-footer{grid-area:14/2/15/3}
.creation-unavailable{opacity:.45;cursor:not-allowed}
@media(max-width:600px){.creation-form{grid-template-rows:30px 30px minmax(130px,1fr) 30px 50px 48px repeat(6,28px) auto 30px}}
.native-suicide{position:fixed;left:50%;top:50%;width:125px;height:125px;margin:-62.5px 0 0 -62.5px;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:8}.native-suicide[hidden]{display:none}.native-suicide img{width:70px;height:90px}
.native-objective-modes{position:fixed;top:65px;left:50%;transform:translateX(-50%);z-index:9;display:flex;gap:8px;pointer-events:none;font:14px NativeMyriad,Arial;color:white;text-shadow:1px 1px #000}
.native-objective-modes[hidden]{display:none}.objective-point{display:grid;place-items:center;width:34px;height:34px;border:3px solid #bbb;border-radius:50%;box-shadow:0 1px 4px #000}.juggernaut-holder{padding:8px 14px;background:#25271ee8;border:1px solid #adb395;border-radius:4px}
.creation-unavailable{flex-direction:row!important;justify-content:flex-start!important;gap:4px!important}
.classic-lobby:has(>.native-battle-creation){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.75fr)}
.creation-form>.creation-field:has(input[type=checkbox]){font:12px NativeMyriad,Arial,sans-serif}
.creation-footer .native-button{background-image:url('/play/ui-original/664_assets.button.button_red_UP_LEFT.png'),url('/play/ui-original/663_assets.button.button_red_UP_RIGHT.png'),url('/play/ui-original/665_assets.button.button_red_UP_CENTER.png')}
.creation-footer .native-button:hover{background-image:url('/play/ui-original/661_assets.button.button_red_OVER_LEFT.png'),url('/play/ui-original/660_assets.button.button_red_OVER_RIGHT.png'),url('/play/ui-original/662_assets.button.button_red_OVER_CENTER.png')}
.creation-footer .native-button:active{background-image:url('/play/ui-original/658_assets.button.button_red_DOWN_LEFT.png'),url('/play/ui-original/657_assets.button.button_red_DOWN_RIGHT.png'),url('/play/ui-original/659_assets.button.button_red_DOWN_CENTER.png')}