/* C / 白瓷票签. A static CSS surface keeps the live WebGL canvas inexpensive. */
.weapon-counter-slot{position:absolute;z-index:12;left:24px;bottom:86px;width:max-content;max-width:calc(100vw - 48px);pointer-events:none}
.weapon-counter-slot.hidden{display:none!important}
.weapon-counter-slot .weapon-counter{position:relative;left:auto;bottom:auto}
.weapon-counter-slot .counter-candidate{position:relative}
.weapon-counter{--weapon-counter-accent:#FFD45A;position:absolute;z-index:12;left:24px;bottom:86px;box-sizing:border-box;width:240px;padding:14px 17px 13px 20px;border:1px solid #fff9;border-left:4px solid var(--weapon-counter-accent);border-radius:3px;overflow:hidden;pointer-events:none;user-select:none;color:#19222b;background:linear-gradient(125deg,#fbfaf5,#e8e7df);box-shadow:0 7px 18px #0002;font-family:Inter,"Microsoft YaHei",sans-serif}
.weapon-counter *{box-sizing:border-box}
.weapon-counter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#65707b;font-size:8px;font-weight:500;letter-spacing:1.4px;line-height:normal;white-space:nowrap}
.weapon-counter-rarity{flex:none;padding:4px 6px;color:#19202a;background:var(--weapon-counter-accent);font-size:8px;font-weight:600;letter-spacing:.5px;line-height:normal;white-space:nowrap}
.weapon-counter-value-row{position:relative;display:flex;align-items:center;gap:12px;min-width:0;margin:11px 0 13px}
.weapon-counter-value{display:block;min-width:0;white-space:nowrap;font-family:Bahnschrift,"DIN Alternate","Arial Narrow",sans-serif;font-size:min(var(--weapon-counter-number-size,36px),calc(var(--weapon-counter-number-width,194px) / var(--weapon-counter-digits,6) * 1.45));font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:1.6px;line-height:1}
.weapon-counter .zero{opacity:.25}
.weapon-counter-tick{opacity:0;flex:none;color:#303d48;font:600 12px/1 Bahnschrift,sans-serif}
.weapon-counter[data-wide="true"] .weapon-counter-tick{display:none}
.weapon-counter-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding-top:9px;border-top:1px dashed #a3a9aa}
.weapon-counter-finish{display:flex;align-items:baseline;gap:7px;min-width:0}
.weapon-counter-finish>span{flex:none;color:#7c858c;font-size:7px;font-weight:400;letter-spacing:.6px}
.weapon-counter-finish>strong{overflow:hidden;color:#333e49;font-size:9px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}
.weapon-counter-session{flex:none;display:flex;align-items:baseline;gap:5px;color:#7c858c;font-size:8px;white-space:nowrap}
.weapon-counter-session b{color:#303d48;font-family:Bahnschrift,sans-serif;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:760px){.weapon-counter-slot{left:14px;bottom:78px}.weapon-counter{--weapon-counter-number-size:34px;--weapon-counter-number-width:174px;left:14px;bottom:78px;width:222px;padding:12px 14px 11px 17px}.weapon-counter-value-row{margin:9px 0 11px}.weapon-counter-heading{letter-spacing:1px}}
@media(max-width:520px){.weapon-counter-slot{left:12px;bottom:76px}.weapon-counter{--weapon-counter-number-size:29px;--weapon-counter-number-width:130px;left:12px;bottom:76px;width:176px;padding:11px 12px 10px 13px}.weapon-counter-heading{gap:6px;font-size:7px;letter-spacing:.6px}.weapon-counter-rarity{padding:3px 5px;font-size:7px;letter-spacing:.3px}.weapon-counter-value{letter-spacing:.7px}.weapon-counter-value-row{gap:7px}.weapon-counter-foot{gap:5px;padding-top:8px}.weapon-counter-finish{display:grid;gap:3px}.weapon-counter-finish>span{font-size:7px}.weapon-counter-finish>strong{max-width:85px;font-size:9px}.weapon-counter-session{gap:4px;font-size:7px}}
@media(max-height:560px) and (min-width:521px){.weapon-counter-slot{bottom:68px}.weapon-counter{--weapon-counter-number-size:31px;--weapon-counter-number-width:168px;bottom:68px;width:214px;padding:10px 13px 10px 16px}.weapon-counter-value-row{margin:6px 0 9px}.weapon-counter-foot{padding-top:7px}}
@media(max-width:360px){.weapon-counter-slot .counter-candidate{transform:scale(.9);transform-origin:left bottom}}
@media(prefers-reduced-motion:reduce){.weapon-counter-tick{display:none}}