.tp-bar{--tp-copper:#c8813a;font:400 14px var(--font-sans);letter-spacing:0;text-transform:none;align-items:center;gap:8px;display:flex;position:relative}.tp-icon{background:#090c08;border:1px solid #a18a69;border-color:#c0a282 #a18a69 #705d45;border-radius:2px;flex:none;display:block;position:relative;box-shadow:0 0 0 1px #252924}.tp-icon img{filter:saturate(.55)brightness(.8);width:27px;height:27px;transition:filter .12s var(--ease);display:block}.tp-icon:hover img,.tp-icon:focus-visible img,.tp-on .tp-icon img{filter:none}.tp-on .tp-icon{border-color:var(--tp-copper);border-bottom-color:#6b3d12;border-right-color:#94571f;box-shadow:0 0 0 1px #252924,0 0 8px #c8813a66}.tp-icon:focus-visible{outline-offset:1px;outline:2px solid #e2c275}.tp-ranks{background:linear-gradient(#39424b,#293038);border:1px solid #a18a69;border-color:#c0a282 #a18a69 #705d45;border-radius:2px;align-items:stretch;height:31px;display:inline-flex;box-shadow:0 0 0 1px #252924,inset 0 0 0 1px #706456}.p-window-title .tp-ranks button{all:unset;box-sizing:border-box;cursor:pointer;width:25px;font:700 15px var(--font-sans);color:#b3a993;text-shadow:0 1px 2px #00000087;font-variant-numeric:tabular-nums;place-items:center;display:grid}.p-window-title .tp-ranks button:hover{color:#fff;background:#ffffff0f}.p-window-title .tp-ranks button[aria-pressed=true]{border:1px solid var(--tp-copper);color:#f3c38b;background:#c8813a33;border-radius:2px;margin:2px 0}.p-window-title .tp-ranks button:focus-visible{outline-offset:-2px;outline:2px solid #e2c275}.tp-tip{z-index:40;width:270px;font:400 14px/1.35 var(--font-sans);color:#f4f4ed;white-space:normal;pointer-events:none;background:#091b2bf7;border:1px solid #b0b6ae;border-color:#b0b6ae #6f7a81 #616c74 #9ba29b;border-radius:4px;flex-direction:column;gap:1px;padding:8px 12px 9px;display:none;position:absolute;top:calc(100% + 8px);left:-2px;box-shadow:inset 0 1px #ffffff08,0 2px 8px #0004}.tp-icon:hover .tp-tip,.tp-icon:focus-visible .tp-tip{display:flex}.tp-tip strong{color:#fff;font-weight:700}.tp-tip-kind{color:var(--tp-copper)}.tp-tip-kind:first-letter{text-transform:uppercase}.tp-tip-text{color:var(--game-yellow);margin-top:7px;font-weight:500}@media (max-width:760px){.tp-bar{order:3}.t-window .p-window-title:has(.tp-bar):after{content:"";flex-basis:100%;order:2}.t-window .p-window-title:has(.tp-bar) .tv2-bar-compare{order:4}}@media (prefers-reduced-motion:reduce){.tp-icon img{transition:none}}
.t-popular{font:13px var(--font-sans);color:#c1c2b5;background:linear-gradient(#1d2018,#15170f);border-top:1px solid #64583e}.t-popular ul{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.t-popular li{justify-content:center;align-items:center;gap:12px;min-width:0;padding:12px 15px;display:flex}.t-popular li+li{border-left:1px solid #3a3526}.t-popular-icon{border:1px solid #000;flex:none;width:32px;height:32px;display:block;box-shadow:0 0 0 1px #4d4a3c}.t-popular-icon img,.t-popular-icon .t-no-icon{width:32px;height:32px;display:block}.t-popular-text{grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid}.t-popular-text small{color:#8f8a76;font-size:11px}.t-popular-text>span{white-space:nowrap;align-items:baseline;gap:7px;min-width:0;font-size:13px;display:flex}.t-popular-text b{text-overflow:ellipsis;color:#ffd100;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.t-popular-text i{color:#efe7d3;font-variant-numeric:tabular-nums;flex:none;font-style:normal}.t-popular button{color:#e2c275;font:12.5px var(--font-sans);cursor:pointer;background:0 0;border:0;flex:none;margin-left:10px;padding:4px 0}.t-popular button:hover:not(:disabled){color:#fff}.t-popular button:focus-visible{outline-offset:2px;outline:2px solid #e2c275}.t-popular button:disabled{color:var(--game-green);cursor:default}@media (min-width:761px) and (max-width:1250px){.t-popular-text>span{flex-wrap:wrap;row-gap:0}}@media (max-width:1000px){.t-popular li{gap:9px;padding-inline:10px}.t-popular-text>span{font-size:12.5px}.t-popular-text b{font-size:13px}.t-popular button{margin-left:4px}}@media (max-width:760px){.t-popular ul{grid-template-columns:1fr}.t-popular li{justify-content:flex-start;padding:9px 15px}.t-popular li+li{border-top:1px solid #2c2a1f;border-left:0}.t-popular button{margin-left:auto}}
.t-update-latest{color:var(--game-yellow);align-items:center;gap:6px;margin:6px 0 0;font-size:13px;display:flex}.t-update-latest.is-buff,.t-update-latest.is-added{color:var(--game-green)}.t-update-latest.is-nerf{color:var(--game-red)}.t-update-latest .v2-mark,.t-updates .v2-mark{fill:currentColor;flex:none;width:10px;height:10px}.t-updates{border-top:1px solid var(--line-2);margin:12px 0 0;padding-top:10px}.t-updates summary{cursor:pointer;color:var(--ivory-2);font-size:13.5px;font-weight:700}.t-updates summary small{color:var(--text-muted);margin-left:4px;font-weight:400}.t-updates ol{margin:6px 0 0;padding:0;list-style:none}.t-updates li{padding:8px 0}.t-updates li+li{border-top:1px solid var(--line)}.t-updates li div{align-items:center;gap:7px;display:flex}.t-updates li.is-buff .v2-mark,.t-updates li.is-added .v2-mark{color:var(--game-green)}.t-updates li.is-nerf .v2-mark{color:var(--game-red)}.t-updates li.is-change .v2-mark{color:var(--game-yellow)}.t-updates time{color:#fff;font-size:13px;font-weight:700}.t-updates p{color:var(--game-yellow);margin:3px 0 0;font-size:13.5px;line-height:1.45}.t-updates .t-updates-was{color:var(--game-grey);font-size:13px}
