html:not(.quick-battle-state-ready) .quick-battle-page{visibility:hidden}
.quick-battle-page{min-height:100vh;padding-bottom:10px;background:#242424 url('assets/quick-battle/hangar-backdrop-v1.png') top center/448px auto no-repeat}
.quick-battle-page [hidden]{display:none!important}
.quick-heading{position:relative;margin:7px 4px;padding:14px 6px 11px;border:2px solid #3e4144;border-radius:4px;background:#171819b8;box-shadow:inset 0 0 0 1px #0c0c0c,0 3px 7px #000d;text-align:center}
.quick-heading .page-title{width:290px;height:66px;margin:0 auto;overflow:hidden;background:url('assets/quick-battle/title-v-boy-v1-trim.png') center/contain no-repeat;color:transparent;font-size:0;text-shadow:none}
.quick-heading p{display:flex;width:230px;max-width:72%;height:36px;align-items:center;justify-content:center;margin:7px auto 0;padding:2px 42px;border:0;border-radius:0;background:transparent url('assets/quick-battle/choose-target-frame-v1.png') center/100% 100% no-repeat;color:#e7e5df;font:700 14px/17px "Trebuchet MS",Verdana,sans-serif;letter-spacing:.075em;box-shadow:none;text-shadow:0 2px 2px #000;-webkit-text-stroke:.3px #242424}
.quick-message{margin:5px 4px;padding:7px;border:1px solid #6b5a2f;border-radius:6px;background:#2d291f;color:#f4d465;text-align:center;font-size:12px;line-height:16px}
.quick-stage,.quick-fight,.quick-outcome{margin:0 4px}
.quick-opponents,.quick-duel,.quick-result-duel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.quick-versus::after{content:'';position:absolute;z-index:6;top:47%;left:50%;width:51px;height:51px;transform:translate(-50%,-50%);background:url('assets/quick-battle/vs-medallion-v1-trim.png') center/contain no-repeat;filter:drop-shadow(0 3px 4px #000);pointer-events:none}
.quick-opponent{position:relative;display:flex;min-width:0;overflow:visible;flex-direction:column;padding:12px 11px 13px;border:0;border-radius:8px;background:#141516e8;box-shadow:0 5px 12px #000d}
.quick-opponent::before,.quick-fighter::before,.quick-result-fighter::before{content:'';position:absolute;z-index:5;inset:-2px;background:url('assets/quick-battle/opponent-frame-unified-v1.png') center/100% 100% no-repeat;pointer-events:none}
.quick-opponent-accent::before,.quick-fighter-enemy::before{background-image:url('assets/quick-battle/opponent-frame-unified-v1.png')}
.quick-opponent>*{position:relative;z-index:2}
.quick-opponent header{position:relative;z-index:7;display:flex;width:calc(100% + 10px);min-height:42px;align-items:center;justify-content:center;margin:-7px -5px 0;padding:4px 36px;background:transparent url('assets/quick-battle/opponent-nameplate-v2.png') center/100% 100% no-repeat}
.quick-opponent header>img{position:absolute;left:27px;top:calc(50% + 2px);width:22px;height:22px;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 1px 1px #000)}
.quick-opponent header div{position:relative;top:2px;width:100%;min-width:0;text-align:center}
.quick-opponent h2{overflow:hidden;margin:0;color:#f0e8d3;font-size:12px;line-height:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 2px #000}
.quick-opponent header p{margin:1px 0 0;color:#b9b9b9;font-size:9px;line-height:11px;text-align:center;text-shadow:0 1px 2px #000}
.quick-opponent-visual,.quick-tank-scene{position:relative;height:205px;overflow:hidden;background:#202222 url('assets/quick-battle/hangar-backdrop-v1.png') center 42%/cover}
.quick-opponent-visual::after,.quick-tank-scene::after{content:'';position:absolute;inset:0;box-shadow:inset 0 -30px 28px #111b,inset 0 0 20px #0009;pointer-events:none}
.quick-opponent-visual img,.quick-tank-scene img{position:absolute;z-index:1;inset:4%;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 7px 5px #000d)}
.quick-power{margin:0;padding:9px 3px 7px;background:#121314e8;color:#e2e2e0;text-align:center;font-size:11px;line-height:15px}
.quick-power strong{color:#f4d465;font-size:17px}
.quick-opponent .game-button,.quick-attack{min-height:43px;border:0;background:transparent url('assets/quick-battle/attack-button-v1-trim.png') center/100% 100% no-repeat!important;box-shadow:none;color:#f5f5ef;font-size:14px;text-shadow:0 2px #063b02;-webkit-text-stroke:.35px #173017}
.quick-opponent .game-button{width:100%;margin:0}
.quick-refresh,.quick-attack,.quick-other{width:100%;margin-top:8px}
.quick-refresh-control{position:relative;display:flex;min-height:49px;align-items:center;justify-content:center;padding:4px 58px 4px 18px;border:10px solid transparent!important;border-radius:0!important;border-image-source:url('assets/quick-battle/refresh-button-plate-v2.png')!important;border-image-slice:96 210 fill!important;border-image-width:10px 18px!important;border-image-repeat:stretch!important;background:#191a1b!important;box-shadow:none!important;color:#dedbd3;font-size:14px;font-weight:700;letter-spacing:.055em;text-shadow:0 2px 2px #000}
.quick-refresh-control img{position:absolute;right:20px;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}
.quick-refresh-control:hover,.quick-refresh-control:focus-visible{filter:brightness(1.13)}
.quick-refresh-control:active{filter:brightness(.88)}
.quick-fight{padding:7px;background:linear-gradient(#303235,#202123)}
.quick-duel{gap:7px}
.quick-fighter{position:relative;min-width:0;padding:11px;overflow:visible;border:0;border-radius:8px;background:#141516e8;box-shadow:0 4px 10px #000c}
.quick-fighter>*{position:relative;z-index:2}
.quick-fighter h2{overflow:hidden;margin:0;padding:6px 4px 1px;background:#171819;color:#f0e8d3;font-size:13px;line-height:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.quick-rank{margin:0!important;padding:0 4px 5px!important;color:#999!important;font-size:9px!important;letter-spacing:.05em}
.quick-fighter>p{margin:0;padding:4px;background:#171819;color:#bbb;text-align:center;font-size:10px;line-height:13px}
.quick-fighter strong{color:#35c5db}
.quick-tank-scene{height:163px}
.quick-events{min-height:42px;margin:7px 0 0;padding:6px 8px;border:1px solid #414346;border-radius:5px;background:#171819;text-align:left;box-shadow:inset 0 0 8px #0008}
.quick-events:empty::before{content:'Орудия готовы. Начинайте бой.';color:#999}
.quick-events p{margin:1px 0;color:#d3d3d3;font-size:11px;line-height:15px}
.quick-result-duel{margin:7px 0}
.quick-result-fighter{position:relative;min-width:0;padding:9px;overflow:visible;border:0;border-radius:6px;background:#141516e8}
.quick-result-fighter>*{position:relative;z-index:2}
.quick-result-fighter h3{overflow:hidden;margin:0;padding:4px;background:#171819dc;color:#eee;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.quick-result-fighter img{display:block;width:100%;height:95px;object-fit:contain;filter:drop-shadow(0 5px 4px #000c)}
.quick-result-fighter.is-defeated img{filter:grayscale(1) brightness(.42) drop-shadow(0 5px 4px #000c)}
.quick-outcome{padding:0;text-align:center}
.quick-trophy-drop{margin-top:7px;padding:8px;text-align:center}
.quick-trophy-drop h2{margin:0;color:#f4d465;font-size:15px}
.quick-trophy-drop p{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px}
.quick-trophy-drop img{width:48px;height:48px;object-fit:contain}
.quick-trophy-drop .game-button{display:flex;align-items:center;justify-content:center;text-decoration:none}
.quick-fight{padding:8px;border:0;border-radius:0;background:#171819 url('assets/quick-battle/hangar-backdrop-v1.png') center/cover;box-shadow:inset 0 0 28px #000}
.quick-arena-frame{padding:10px;border:12px solid transparent;border-image-source:url('assets/quick-battle/refresh-button-plate-v2.png');border-image-slice:96 210 fill;border-image-width:12px 18px;border-image-repeat:stretch;background:#121313}
.quick-arena-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-4px 0 4px;color:#efe8d8;text-align:center;text-shadow:0 2px 2px #000}
.quick-arena-head span{min-width:0}.quick-arena-head strong,.quick-arena-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-arena-head strong{font-size:12px}.quick-arena-head small{color:#aaa;font-size:9px;line-height:12px}.quick-arena-head b{color:#f4d465}
.quick-arena{position:relative;height:194px;overflow:hidden;background:url('assets/quick-battle/hangar-backdrop-v1.png') center 44%/cover;border:1px solid #514936;box-shadow:inset 0 0 24px #000}
.quick-arena::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent 28%,transparent 72%,#0006),linear-gradient(0deg,#0009,transparent 42%);pointer-events:none}
.quick-arena>img{position:absolute;z-index:2;bottom:8px;width:58%;height:76%;object-fit:contain;filter:drop-shadow(0 8px 5px #000)}
.quick-arena #quick-player-tank{left:-3%;transform:scaleX(-1)}.quick-arena #quick-enemy-tank{right:-3%}
.quick-impact{position:absolute;z-index:3;top:42%;right:22%;width:42px;height:42px;border-radius:50%;opacity:0;transform:scale(.5);background:radial-gradient(circle,#fff 0,#ffd05a 12%,#ff6a00 34%,transparent 68%);filter:drop-shadow(0 0 8px #ff7b00);transition:opacity .15s,transform .15s}
.quick-impact.is-hit,.quick-impact.is-damaged,.quick-impact.is-destroyed{opacity:1;transform:scale(1)}.quick-impact.is-miss{right:9%;top:67%;opacity:1;transform:scale(.75);filter:hue-rotate(330deg) drop-shadow(0 0 7px #f22)}
.quick-combat-status{margin:6px 0 0;padding:8px;border:1px solid #5c4b31;background:linear-gradient(#252525,#141414);color:#f4d465;font:700 12px/15px "Trebuchet MS",Verdana,sans-serif;text-align:center;text-shadow:0 1px 2px #000}
.quick-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4px;border:1px solid #3b3c3e;background:#111}
.quick-counters span{padding:5px 2px;background:#242526;color:#aaa;font-size:9px;line-height:12px;text-align:center}.quick-counters strong{display:block;color:#35c5db;font-size:11px}
.quick-attempts,.quick-result-attempts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}
.quick-attempt{position:relative;min-width:0;height:112px;overflow:hidden;border:7px solid transparent;border-image-source:url('assets/quick-battle/refresh-button-plate-v2.png');border-image-slice:96 210 fill;border-image-width:8px;border-image-repeat:stretch;background:#151616;text-align:center;box-shadow:0 3px 5px #000b}
.quick-attempt::after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#080808 0,#090909b8 34%,transparent 68%)}
.quick-attempt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.72)}
.quick-attempt-number{position:absolute;z-index:3;top:3px;left:4px;width:20px;height:20px;border:1px solid #9c8260;border-radius:50%;background:#151515;color:#eee;font:700 11px/20px Arial}
.quick-attempt strong,.quick-attempt small{position:absolute;z-index:3;left:2px;right:2px;text-shadow:0 2px 2px #000}.quick-attempt strong{bottom:22px;color:#bbb;font:700 10px/12px "Trebuchet MS",Verdana,sans-serif}.quick-attempt small{bottom:5px;overflow:hidden;color:#888;font-size:7px;line-height:9px;white-space:nowrap}
.quick-attempt-miss{box-shadow:inset 0 0 14px #9c1515,0 3px 5px #000b}.quick-attempt-miss strong{color:#ff665c}.quick-attempt-hit{box-shadow:inset 0 0 14px #c39218,0 3px 5px #000b}.quick-attempt-hit strong{color:#ffd768}.quick-attempt-damaged{box-shadow:inset 0 0 16px #c8550b,0 3px 5px #000b}.quick-attempt-damaged strong{color:#ff9b40}.quick-attempt-destroyed{box-shadow:inset 0 0 18px #b61e14,0 3px 5px #000b}.quick-attempt-destroyed strong{color:#ff5b43}
.quick-attempt-miss img,.quick-attempt-hit img,.quick-attempt-damaged img,.quick-attempt-destroyed img{filter:saturate(1.08) brightness(.88)}
.quick-earned{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;padding:7px 9px;border:1px solid #4b4c4d;background:#181919;color:#aaa;font-size:9px}.quick-earned strong{color:#f4d465;font-size:11px;text-align:right}
.quick-events{min-height:34px;margin-top:5px;padding:5px 7px}.quick-events p{font-size:10px;line-height:13px}
.quick-attack{margin-top:6px}.quick-result-card{overflow:hidden;padding:0 8px 8px;border:10px solid transparent;border-image-source:url('assets/quick-battle/refresh-button-plate-v2.png');border-image-slice:96 210 fill;border-image-width:10px 16px;border-image-repeat:stretch;background:#171818}
.quick-result-hero{position:relative;height:190px;margin:0 -8px 7px;overflow:hidden;background-position:center;background-size:cover;box-shadow:inset 0 -45px 38px #000c,inset 0 0 18px #000}
.quick-result-card.is-victory .quick-result-hero{background-image:url('assets/quick-battle/results/victory-v1.png')}.quick-result-card.is-defeat .quick-result-hero{background-image:url('assets/quick-battle/results/defeat-v1.png')}.quick-result-card.is-damaged .quick-result-hero{background-image:url('assets/quick-battle/states/damaged-v1.png')}
.quick-result-hero h2{position:absolute;z-index:2;top:8px;left:0;right:0;margin:0!important;color:#efe7d7!important;font:700 26px/31px "Trebuchet MS",Verdana,sans-serif!important;letter-spacing:.04em;text-shadow:0 3px 3px #000,-1px 0 #222,1px 0 #222}.quick-result-card.is-victory .quick-result-hero h2{color:#f4d465!important}.quick-result-card.is-defeat .quick-result-hero h2{color:#e4665d!important}.quick-result-card.is-damaged .quick-result-hero h2{color:#ff9b40!important}
.quick-result-hero p{position:absolute;z-index:2;bottom:8px;left:8px;right:8px;margin:0;padding:6px;background:#111c;color:#eee;font:700 12px/15px "Trebuchet MS",Verdana,sans-serif;letter-spacing:.04em}
.quick-result-card>p{font-size:12px;line-height:15px}.quick-result-card #quick-result-summary{color:#f4d465;font-weight:700}.quick-result-card .pvp-result-list{margin-top:6px}.quick-result-card .quick-result-attempts{margin-top:7px}.quick-result-card .quick-attempt{height:92px}
.quick-battle-page .bottom-nav{margin-top:8px}
.quick-bottom-nav{gap:5px}
.quick-battle-page .quick-bottom-nav .game-button{display:flex;min-width:0;min-height:59px;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 4px 4px;border:0;border-radius:0;background:transparent url('assets/quick-battle/nav-button-plate-v1-trim.png') center/100% 100% no-repeat;box-shadow:none;color:#ddd9cf;font-size:11px;line-height:13px;text-decoration:none;text-shadow:0 2px 2px #000}
.quick-bottom-nav .game-button img{display:block;width:30px;height:25px;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}
.quick-bottom-nav .game-button:hover,.quick-bottom-nav .game-button:focus-visible{filter:brightness(1.13)}
.quick-bottom-nav .game-button:active{filter:brightness(.88)}
@media(max-width:390px){.quick-heading .page-title{width:270px;height:61px}.quick-opponent{padding:11px 9px 12px}.quick-opponent-visual{height:188px}.quick-opponent h2{font-size:11px}.quick-opponent header{width:calc(100% + 8px);margin:-6px -4px 0;padding:4px 32px}.quick-opponent header>img{left:24px;width:20px;height:20px}.quick-power{font-size:10px}.quick-power strong{font-size:16px}.quick-arena{height:173px}.quick-attempt{height:101px}.quick-attempt strong{font-size:9px}.quick-attempt small{font-size:6px}.quick-counters span{font-size:8px}.quick-earned{font-size:8px}.quick-earned strong{font-size:10px}.quick-result-hero{height:176px}.quick-result-hero h2{font-size:23px!important;line-height:28px!important}.quick-result-card .quick-attempt{height:86px}}