/* Live results rail and a model picker with dimensions shared by RU and EN. */
.live-feed{position:fixed;left:10px;top:72px;bottom:12px;width:132px;z-index:15;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #0002}
.live-feed-head{height:37px;display:flex;align-items:center;gap:6px;padding:0 10px;flex-shrink:0;border-bottom:1px solid var(--border)}
.live-feed-head strong{font-size:11px}.live-word{font-size:7px;letter-spacing:1px;color:var(--subtle);margin-left:auto}.live-dot{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--green) 45%,transparent)}
.live-feed-caption{height:28px;display:flex;align-items:center;padding:0 10px;white-space:nowrap;font-size:8px;color:var(--subtle)}
.live-feed-list{flex:1;min-height:0;overflow:auto;padding:0 6px 7px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.live-drop{position:relative;display:flex;flex-direction:column;text-align:left;width:100%;height:128px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--rarity) 35%,var(--border));border-radius:9px;margin:0 0 6px;padding:8px;background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--rarity) 21%,transparent),transparent 80%),var(--card);color:var(--text);overflow:hidden;transition:border-color .2s,background .2s}
.live-drop:hover{border-color:var(--rarity);background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 80%),var(--card)}
.live-drop:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--rarity)}
.live-drop-chance{font-size:8px;color:var(--muted);height:12px;flex-shrink:0}.live-drop img{width:100%;height:42px;object-fit:contain;margin:2px 0;filter:drop-shadow(0 8px 5px #0005)}
.live-drop-weapon{font-size:7px;color:var(--muted)}.live-drop strong{font-size:9px;line-height:14px;font-weight:700}.live-drop-weapon,.live-drop strong,.live-drop-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.live-drop-value{font-size:9px;margin-top:2px;font-variant-numeric:tabular-nums}.live-drop time{font-size:7px;color:var(--subtle);margin-top:3px}
.live-feed .empty-state{padding:30px 6px;background:none;border:0}.live-feed .empty-state strong{font-size:10px;line-height:1.5}.live-feed .empty-state p{font-size:9px;line-height:1.5;margin-top:9px}
.feed-close{display:none;width:25px;height:25px;flex-shrink:0;color:var(--muted)}.feed-close svg{width:13px;height:13px}.feed-toggle{display:none!important}.feed-shade{position:fixed;inset:60px 0 0;background:#0005;z-index:44;cursor:default}
.live-drop.is-new{animation:drop-arrive .45s cubic-bezier(.16,1,.3,1)}
@keyframes drop-arrive{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){body[data-view=upgrade] main{width:calc(100% - 154px);margin-left:calc(154px + max(0px,(100vw - 154px - 1160px)/2));margin-right:0;padding-inline:22px}}
@media(max-width:1099px){
 .live-feed{width:184px;z-index:45;transform:translateX(-210px);visibility:hidden;transition:transform .24s,visibility .24s;bottom:14px}.live-feed.is-open{transform:translateX(0);visibility:visible;box-shadow:10px 0 50px #0005}.live-feed-head{height:42px}.live-feed-caption{font-size:10px;height:32px}.live-feed-head strong{font-size:13px}.live-word{font-size:8px}.feed-close{display:grid;place-items:center}.feed-toggle{display:inline-flex!important}.live-drop{height:153px;padding:10px}.live-drop img{height:59px}.live-drop-weapon,.live-drop time{font-size:8px}.live-drop strong{font-size:11px;line-height:16px}.live-drop-value{font-size:11px}.live-drop-chance{font-size:9px}
}
.weapon-class-row{display:flex!important;gap:4px!important;align-items:center;min-width:0;height:27px;flex-shrink:0;margin-bottom:4px!important}
.weapon-classes{display:flex;flex:1;gap:3px;overflow-x:auto;min-width:0;scrollbar-width:none;overscroll-behavior-x:contain}.weapon-classes::-webkit-scrollbar,.weapon-models::-webkit-scrollbar{display:none}
#upgradeView .weapon-classes button{width:82px;flex-shrink:0;height:25px;min-height:25px;padding:3px 4px;font-size:8px;white-space:nowrap;border:1px solid var(--border);background:var(--well);color:var(--muted);border-radius:6px}
#upgradeView .weapon-classes button[data-category=all]{width:42px}#upgradeView .weapon-classes button[data-category=smg]{width:46px}
#upgradeView .weapon-classes button.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}
#upgradeView .weapon-class-row select{width:78px;min-width:78px;height:25px;min-height:25px;font-size:8px;padding:3px 5px;flex-shrink:0}
.model-picker-row{display:flex;align-items:center;gap:4px;height:27px;margin-bottom:4px;flex-shrink:0;min-width:0}
#upgradeView{min-width:0;grid-template-columns:minmax(0,1fr)}#upgradeView .picker-layout{min-width:0;width:100%}#upgradeView .weapon-class-row,#upgradeView .model-picker-row{width:100%}
.weapon-models{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.weapon-models button{height:24px;min-height:24px;flex-shrink:0;width:108px;font-size:8px;font-weight:600;padding:3px 6px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weapon-models button.active{border-color:var(--accent-border);color:var(--text);background:var(--accent-soft)}.weapon-models button:hover,.weapon-classes button:hover{border-color:var(--muted)}
.type-scroll{width:17px;min-width:17px;height:25px;min-height:25px;display:grid;place-items:center;padding:0!important;border:1px solid var(--border);border-radius:5px;color:var(--muted);background:var(--well);font-size:15px!important;flex-shrink:0}.type-scroll:hover{color:var(--text);background:var(--hover)}
/* Stable text slots stop translations from moving neighboring controls. */
.topbar{gap:18px}.desktop-nav{gap:12px}.desktop-nav button{width:73px;flex-shrink:0}.desktop-nav button[data-view=inventory]{width:100px}.deposit-button{width:116px;flex-shrink:0}.balance-chip{width:132px;justify-content:center;flex-shrink:0}.balance-chip strong{min-width:77px;text-align:right}.balance-chip>span:last-child{width:22px}
#upgradeView .page-heading>div:first-child{min-width:0;overflow:hidden}#upgradeView .page-heading h1{white-space:nowrap}.workbench-tagline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#soundToggle{width:58px}#fastToggle{width:66px}.feed-toggle{width:62px}.game-settings .setting-button{justify-content:center;flex-shrink:0}.panel-link{width:60px;text-align:center}.panel-eyebrow{white-space:nowrap}
#upgradeView .section-title h2{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#selectAll{width:77px;flex-shrink:0}.catalog-tabs{width:147px;flex-shrink:0}.catalog-tabs button:first-child{width:37px}.catalog-tabs button:last-child{width:104px}#upgradeView .filter-toggle{width:96px;flex-shrink:0;justify-content:center}
.preset-save{width:92px;flex-shrink:0}.preset-caption{width:76px;flex-shrink:0}.preset-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arena .selection-caption,#arena .round-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#arena .item-tail{flex-wrap:nowrap;min-height:19px}#arena .item-value{white-space:nowrap}.card-price{min-height:15px}.card-price small{width:22px;text-align:left;flex-shrink:0}
.shop-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) 106px 132px 132px 96px 104px 82px;gap:8px}.shop-toolbar select{width:100%;min-width:0}.shop-price{width:100%;min-width:0}.shop-price>span{width:35px;flex-shrink:0;white-space:nowrap}.shop-price input{width:100%;min-width:0}.affordable-filter{width:104px;font-size:9px}.shop-toolbar .quiet-button{width:82px;padding-inline:4px}.market-notice{min-height:43px}.shop-grid .skin-card{height:202px}.shop-caption{min-height:15px}
.account-identity p{min-height:45px}.account-overview .account-card-label{height:19px}.account-wallet .text-button{height:25px}.account-best{min-height:170px}.account-collection-head .quiet-button{width:104px}.account-tabs button{width:140px}.account-tabs button:first-child{width:106px}.account-identity .quiet-button{height:36px}.account-collection .skin-card{height:202px}.page-heading>.quiet-button{width:155px}.page-heading h1{white-space:nowrap}.page-heading p{min-height:16px}
@media(min-width:751px) and (min-height:620px){#upgradeView .skin-card{height:122px;min-height:122px}#upgradeView .advanced-filters{top:78px}#upgradeView .picker-bottom{height:28px}.picker-bottom>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#upgradeView .catalog-tabs button{padding-inline:4px}#upgradeView .section-title{height:25px}}
@media(max-width:1099px) and (min-width:751px){.topbar{padding-inline:14px;gap:10px}.desktop-nav{gap:4px}.desktop-nav button{width:60px;font-size:10px}.desktop-nav button[data-view=inventory]{width:83px}.balance-chip{width:117px}.balance-chip strong{min-width:69px}.deposit-button{width:100px}.header-preferences{gap:5px}.top-actions{gap:5px}.brand{font-size:19px}.shop-toolbar{grid-template-columns:minmax(150px,1fr) 106px 132px 132px;}.shop-toolbar .quiet-button{grid-column:4;justify-self:end}.account-tabs button{width:120px;font-size:10px}}
@media(max-width:750px){
 .live-feed{top:68px;bottom:76px;left:8px}.feed-shade{top:58px;bottom:0}.topbar{gap:6px}.deposit-button{width:31px;height:31px}.balance-chip{width:107px;padding-inline:5px}.balance-chip strong{min-width:65px;font-size:11px}.balance-chip>span:last-child{width:18px;font-size:8px}.header-preferences{gap:5px}.top-actions{gap:4px}
 #upgradeView .page-heading h1{font-size:21px}#upgradeView .game-settings{gap:3px}#upgradeView .game-settings .setting-button{font-size:8px;min-height:25px;padding:3px 5px}#soundToggle{width:27px}#soundToggle .setting-label{display:none}#fastToggle{width:54px}.feed-toggle{width:52px}#upgradeView .game-settings .volume-popover{display:none}
 #upgradeView .weapon-class-row{display:flex!important;height:26px;margin-bottom:3px!important}#upgradeView .weapon-classes button{height:23px;min-height:23px;width:78px;font-size:8px}#upgradeView .weapon-classes button[data-category=all]{width:38px}#upgradeView .weapon-classes button[data-category=smg]{width:40px}#upgradeView .weapon-class-row select{width:66px;min-width:66px;height:23px;min-height:23px;font-size:8px}.model-picker-row{height:25px;margin-bottom:3px}.weapon-models button{height:23px;min-height:23px;width:102px}.type-scroll{height:23px;min-height:23px;width:16px;min-width:16px}
 #upgradeView .section-title h2{font-size:15px}.catalog-tabs{width:139px}.catalog-tabs button:first-child{width:34px}.catalog-tabs button:last-child{width:95px}.catalog-tabs button{font-size:8px;padding:3px}#selectAll{width:72px;font-size:8px}.preset-save{width:84px}.preset-caption{width:auto}
 .shop-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop-toolbar .search-field{grid-column:1/-1}.shop-toolbar select{width:100%}.shop-price{padding-inline:6px}.shop-price>span{width:28px;font-size:8px}.shop-price input{width:100%;font-size:10px}.shop-toolbar .quiet-button{grid-column:auto;width:100%;padding-inline:3px}.affordable-filter{width:100%;font-size:8px;white-space:normal}.market-notice{min-height:51px}.shop-grid .skin-card{height:173px}
 .account-identity p{min-height:28px}.account-best{min-height:138px}.account-wallet .text-button{height:27px}.account-wallet .primary-button{height:40px;min-height:40px}.account-tabs button,.account-tabs button:first-child{width:auto;flex:1;height:35px;font-size:8px}.account-collection .skin-card{height:170px}.page-heading>.quiet-button{width:113px;flex-shrink:0;font-size:9px}.page-heading h1{font-size:22px}.page-heading p{min-height:26px}
}
@media(max-width:750px) and (min-height:700px) and (max-height:780px){#upgradeView .skin-card{height:55px;min-height:55px}#upgradeView .card-price{min-height:10px}.card-price small{width:17px}#arena .empty-selection{height:100%;min-height:0;gap:4px}#arena .empty-selection svg{width:20px;height:20px;margin:0}#arena .empty-selection p{font-size:8px;line-height:11px}#arena .chance-panel{padding-block:2px;grid-template-columns:85px minmax(0,1fr)}#arena .dial{width:85px;height:85px}#arena .dial-copy strong{font-size:24px}#arena .round-status{margin-top:3px}#arena .arena-controls{padding-block:2px}#upgradeView .target-picker>.section-title{display:none}}
@media(max-width:750px) and (min-height:781px){#arena .item-display{height:82px;min-height:82px}#arena .item-art{height:32px}#arena .item-art img{height:43px}#arena .chance-panel{grid-template-columns:105px minmax(0,1fr);padding-block:4px}#arena .dial{width:105px;height:105px}#arena .dial-copy strong{font-size:29px}#arena .upgrade-button{height:36px}#arena .arena-controls{padding-block:5px}}
body:not([data-view=upgrade]) .live-feed{display:none}
#arena .dial.won .dial-copy strong,#arena .dial.lost .dial-copy strong{color:var(--chance-color)}
@media(prefers-reduced-motion:reduce){.live-drop.is-new{animation:none}.live-feed{transition:none}}
.skin-card .wear,.skin-card .card-weapon,.skin-card .card-finish,.skin-card .card-price,.skin-card .card-action{flex-shrink:0}
.shop-grid .skin-card img{flex:1;min-height:55px;margin-block:6px}.shop-grid .card-action{line-height:14px}

/* Catalog filters live in one compact dialog. */
#upgradeView .catalog-tools{align-items:center}#catalogSort{height:30px;min-height:30px;width:78px;min-width:78px;padding:4px 6px;font-size:9px;color:var(--muted);background:var(--well);border:1px solid var(--border);border-radius:8px}
.filters-modal:not([open]){display:none}.filters-modal[open]{display:block}.filters-modal{width:min(480px,calc(100vw - 28px));padding:24px;border-radius:20px;max-height:calc(100dvh - 40px);overflow:auto;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--border)}
.filters-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:32px}.filters-dialog-head h2{font-size:22px;letter-spacing:-.5px}.filters-dialog-head .icon-button{width:28px;height:28px;flex-shrink:0;background:var(--well);border:1px solid var(--border)}.filters-dialog-copy{font-size:11px;color:var(--muted);margin:9px 0 22px;line-height:1.6;min-height:18px}
.filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.filter-fields label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.filter-fields input,.filter-fields select{width:100%;min-width:0;height:42px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 10px;font-size:11px;outline:none;color-scheme:dark}.filter-fields input:focus,.filter-fields select:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft)}.filter-fields input::placeholder{color:var(--subtle)}
.filters-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.filters-dialog-footer .quiet-button{height:40px;width:102px;justify-content:center;gap:6px;font-size:11px}.filters-dialog-footer .quiet-button svg{width:13px;height:13px}.filters-dialog-footer .primary-button{width:200px;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:8px}.filters-dialog-footer b{font-size:9px;font-weight:600;padding:3px 5px;border-radius:5px;background:#0001;min-width:28px;text-align:center}
:root[data-theme=light] .filter-fields input,:root[data-theme=light] .filter-fields select{color-scheme:light}
.shop-grid .skin-card{height:100%;min-height:238px}.shop-grid .skin-card img{flex:0 0 83px;min-height:83px;height:83px;margin:6px 0}.shop-grid .card-weapon{white-space:normal;min-height:24px;line-height:12px;font-size:10px;overflow:visible}.shop-grid .card-finish{white-space:normal;min-height:32px;line-height:16px;font-size:12px;overflow:visible;overflow-wrap:anywhere}.shop-grid .card-price{margin-top:6px;line-height:18px}.shop-grid .card-action{margin-top:6px;line-height:14px}
@media(max-width:750px){#upgradeView .filter-chips{display:flex;height:22px;min-height:22px;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;margin:0 0 4px;scrollbar-width:none}#upgradeView .filter-chips:empty{display:none}#upgradeView .filter-chips button{font-size:8px;min-height:20px;padding:3px 6px;flex-shrink:0}#upgradeView .target-picker>.section-title{display:flex}#upgradeView .filter-toggle{width:78px}#catalogSort{width:66px;min-width:66px;font-size:8px}#upgradeView .catalog-tools{gap:4px}.filters-modal{padding:18px;border-radius:16px}.filters-dialog-head h2{font-size:20px}.filters-dialog-copy{font-size:10px;min-height:32px;margin-bottom:18px}.filter-fields{gap:14px 10px}.filter-fields input,.filter-fields select{font-size:10px;height:39px;padding:8px}.filters-dialog-footer{gap:8px}.filters-dialog-footer .primary-button{width:183px;font-size:11px}.filters-dialog-footer .quiet-button{width:88px;font-size:10px}.shop-grid .skin-card{min-height:208px}.shop-grid .skin-card img{height:59px;min-height:59px;flex-basis:59px;margin-block:5px}.shop-grid .card-weapon{font-size:8px;min-height:22px;line-height:11px}.shop-grid .card-finish{font-size:10px;min-height:28px;line-height:14px}.shop-grid .card-price{line-height:14px;margin-top:5px}.shop-grid .card-action{font-size:9px;line-height:12px;margin-top:5px}}