[hidden]{display:none!important}
.inventory-body{background:#121315;color:#ebe9e4}
.inventory-topbar{height:70px;background:#17191c;border-bottom:1px solid #323437}
.inventory-topbar .brand-mark{background:#e6ac70;color:#211a12}
.inventory-topbar .muted{color:#e6ac70}
.inventory-topbar .account{display:flex;align-items:center;gap:14px}
.inventory-topbar .account a,.inventory-topbar .logout{border:1px solid #645341;background:#342a20;color:#f0c697;border-radius:6px;padding:9px 13px;font-size:12px;font-weight:700;cursor:pointer}
.skin-page{max-width:1360px;margin:auto;padding:0 clamp(16px,3.5vw,48px) 100px}
.inventory-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:50px;align-items:end;padding:38px 0 30px;border-bottom:1px solid #323437}
.inventory-kicker,.section-index{display:block;color:#e6ac70;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.inventory-intro h1{font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.05em;margin:10px 0 15px;font-weight:830}
.inventory-intro h1 em{font-style:normal;color:#e6ac70}
.inventory-intro p:not(.inventory-kicker){color:#a7a8a7;line-height:1.6;max-width:560px;margin:0}
.inventory-instructions{display:grid;grid-template-columns:28px 1fr;column-gap:15px;row-gap:20px;border-left:1px solid #404142;padding-left:27px}
.inventory-instructions>span{color:#e6ac70;font-size:11px;font-weight:800;padding-top:2px}
.inventory-instructions strong{display:block;font-size:13px;letter-spacing:.01em}
.inventory-instructions small{display:block;color:#939695;margin-top:4px;font-size:12px}
.skin-page>.status{margin:16px 0 0}
.inventory-section{padding:34px 0;border-bottom:1px solid #323437}
.inventory-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.inventory-section-head h2{font-size:28px;letter-spacing:-.035em;margin:7px 0 0}
.section-help{color:#939695;font-size:12px;line-height:1.5;max-width:450px;margin:0}
.skin-loadout{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.loadout-section .loadout-card{min-height:102px;background:#1b1d20;border:1px solid #383a3d;border-radius:7px;padding:12px;gap:13px}
.loadout-section .loadout-card img{width:96px;height:74px;object-fit:contain}
.loadout-section .loadout-card strong{display:block;font-size:13px;line-height:1.4}
.loadout-section .loadout-card small{color:#949695;font-size:11px}
.loadout-section .loadout-card button{align-self:start;font-size:20px;line-height:1;padding:0 2px}
.loadout-empty{border:1px dashed #484a4c;color:#969a99;padding:23px;border-radius:7px;margin:0;font-size:13px}
.team-switch{display:flex;background:#202225;border:1px solid #393b3e;border-radius:7px;padding:3px}
.team-control{display:flex;align-items:center;gap:10px}.team-control>span{color:#a7a8a5;font-size:10px;letter-spacing:.13em;font-weight:800}.browser-section .inventory-section-head .section-help{margin-top:8px}
.team-switch button{min-width:58px;border:0;border-radius:4px;background:transparent;color:#9a9c9e;cursor:pointer;padding:8px 13px;font-weight:800;font-size:12px}
.team-switch button.active{background:#e6ac70;color:#211910}
.inventory-tabs{display:flex;gap:28px;flex-wrap:wrap;border-bottom:1px solid #3b3d3f;margin-bottom:32px}
.inventory-tabs button{border:0;background:transparent;color:#989b9c;padding:0 1px 16px;cursor:pointer;font-size:14px;font-weight:740;border-bottom:2px solid transparent}
.inventory-tabs button.active{color:#eee7de;border-color:#e6ac70}
.inventory-tabs button span{font-size:9px;color:#e6ac70;margin-left:5px;vertical-align:top}
.overview-section{padding-top:30px}
.overview-section .inventory-tabs{margin-bottom:18px}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.overview-grid.overview-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}
.overview-row{display:flex;align-items:stretch;min-width:0;background:#1c1e20;border:1px solid #343638;border-radius:6px;transition:border-color .15s,background .15s}
.overview-row:hover{border-color:#aa8057;background:#242321}
.overview-row.has-selection{border-left:3px solid #d7a36f}
.overview-main{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:9px 11px;border:0;background:transparent;color:#eae7e0;text-align:left;cursor:pointer}
.overview-main img{width:56px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 7px 6px #0008)}
.overview-words{display:block;min-width:0;flex:1}
.overview-words strong{display:block;font-size:12px;line-height:1.3;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-words small{display:block;margin-top:4px;color:#a3a5a3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-arrow{color:#d7a36f;font-size:23px;line-height:1}
.overview-settings{width:40px;flex:none;border:0;border-left:1px solid #383a3b;background:transparent;color:#d7a36f;font-size:19px;cursor:pointer}
.overview-settings:hover{background:#393027}
.charm-control{display:grid;grid-template-columns:1fr auto;gap:10px;color:#e7e5df;font-size:12px;padding:14px 0;border-top:1px solid #3b3e40}
.charm-control output{color:#e6ac70;font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}
.charm-control input{grid-column:1/-1;width:100%;margin:0;accent-color:#e6ac70}
.charm-control input[type=number]{max-width:160px}
#charm-options>.section-help{padding:0 0 12px}
.browser-section{scroll-margin-top:12px}
.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:18px}
.catalog-heading h3{font-size:24px;letter-spacing:-.035em;margin:6px 0 0}
.search-field,.sort-field{color:#aaa9a5;margin:0;font-size:11px;letter-spacing:.04em}
.search-field input,.sort-field select{margin-top:6px;min-width:230px;background:#1b1d20;border-color:#3d3f42;border-radius:5px;color:#e7e5e0}
.weapon-groups{padding-bottom:9px}
.model-group-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8f9293;margin:28px 0 10px}
.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:9px}
.model-card{height:152px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:#1d1f22;border:1px solid #35383a;border-radius:6px;color:#e6e5e1;text-align:center;padding:12px;transition:border-color .15s,background .15s,transform .15s}
.model-card:hover{border-color:#a77f56;background:#282624;transform:translateY(-2px)}
.model-card.selected{border-color:#e6ac70;background:#302920}
.model-card.equipped{box-shadow:inset 0 0 0 1px #e6ac70}
.model-card img{width:100%;height:85px;object-fit:contain;filter:drop-shadow(0 10px 8px #0007)}
.model-card strong{display:block;font-size:12px;line-height:1.3}
.model-card small{display:block;color:#929696;font-size:10px;margin-top:3px}
.model-card .knife-model-hint{color:#e6ac70;font-size:9px;font-weight:800;letter-spacing:.04em;margin-top:6px}
.results-section{border-top:1px solid #3b3d3f;margin-top:30px;padding-top:30px;scroll-margin-top:28px}
.result-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.sort-field select{min-width:190px}
.inventory-body .skin-grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:10px;margin:0 0 18px}
.inventory-body .skin-grid .card{background:#1d1f22;border:1px solid #383b3d;border-bottom:2px solid #4a4c4e;border-radius:6px;padding:12px;min-height:196px;transition:transform .15s,border-color .15s}
.inventory-body .skin-grid .card:hover{transform:translateY(-3px);border-color:#a77f56}
.inventory-body .skin-grid .card.selected{border-color:#e6ac70;background:#302920}
.default-skin-card{min-height:196px;border:1px dashed #7b684f;border-radius:6px;background:#23211f;color:#e8e4dd;padding:17px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left;cursor:pointer}.default-skin-card:hover,.default-skin-card.selected{border-color:#e6ac70;background:#302920}.default-symbol{width:43px;height:43px;display:grid;place-items:center;border:1px solid #725d44;border-radius:50%;font-size:23px;color:#e6ac70;margin-bottom:14px}.default-skin-card strong{font-size:14px}.default-skin-card small{color:#a5a4a0;font-size:10px;margin-top:6px;line-height:1.4}
.inventory-body .card-img{height:126px}
.inventory-body .card-img img{max-height:118px;filter:drop-shadow(0 12px 9px #0007)}
.inventory-body .card-meta small{font-size:10px;color:#929696;text-transform:uppercase;letter-spacing:.08em}
.inventory-body .card-meta strong{font-size:12px;line-height:1.35}
.more-button{display:block;margin:16px auto 0}
#item-dialog{width:min(1050px,96vw);max-width:96vw;max-height:94vh;overflow:auto;padding:0;background:#1b1d20;border:1px solid #55504a;border-radius:9px;color:#eae8e3}
#item-dialog::backdrop{background:#050607df;backdrop-filter:blur(3px)}
.item-dialog-layout{display:grid;grid-template-columns:minmax(320px,1.18fr) minmax(340px,.82fr)}
.preview-side{background:#15171a;border-right:1px solid #35383a;display:flex;flex-direction:column;justify-content:center;padding:22px}
.inventory-body .preview-stage{min-height:460px;background:#17191c;border:0;border-radius:5px}
.inventory-body .preview-stage iframe{height:460px}
.inventory-body .preview-stage img{height:430px}
.preview-side>small{display:block;color:#898d8e;padding:11px 4px;font-size:11px}
.item-settings{position:relative;padding:34px 30px}
.item-settings h2{font-size:28px;line-height:1.13;letter-spacing:-.035em;margin:10px 0 7px;padding-right:20px}
.settings-intro{font-size:12px;color:#96999a;margin:0 0 24px}
.dialog-save-status{min-height:18px;color:#e6ac70;font-size:11px;margin:15px 0 0}
.dialog-close{position:absolute;right:23px;top:20px;color:#b1b0ac;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}
.control-block{padding:15px 0;border-top:1px solid #3b3e40}
.control-caption{display:flex;justify-content:space-between;align-items:center;gap:12px}
.control-caption label{font-size:13px;margin:0;color:#e7e5df}
.control-caption output{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:#e6ac70}
.control-block input[type=range]{width:100%;margin:19px 0 0;padding:0;height:6px;accent-color:#e6ac70;background:transparent;border:0;cursor:pointer}
.control-ends{display:flex;justify-content:space-between;color:#85898a;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:4px}
.control-block input[type=number]{width:150px;margin:13px 0 0;border-radius:5px}
.control-block small{display:block;font-size:10px;color:#8e9192;margin-top:8px}
.toggle-line{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid #3b3e40;margin:0;cursor:pointer}
.toggle-line input{width:16px;height:16px;margin:0;accent-color:#e6ac70}
.toggle-line strong{font-size:13px}
.toggle-line small{display:block;font-size:10px;color:#919596;margin-top:3px}
.custom-name-field{padding-top:16px;border-top:1px solid #3b3e40;color:#e7e5df;font-size:13px}
.custom-name-field input{border-radius:5px}
.custom-name-field small{font-size:10px}
.inventory-body .dialog-actions{border-top:1px solid #3b3e40;padding-top:22px;margin-top:25px}
.inventory-body .button.primary{background:#e6ac70;color:#23190e}
.inventory-body .button.primary:hover{background:#f1c596}
.inventory-body .button.ghost{background:#272a2d;border-color:#484b4d;color:#e7e4df}
@media(max-width:950px){.inventory-intro{grid-template-columns:1fr;gap:25px}.inventory-instructions{grid-template-columns:repeat(3,28px 1fr);padding:18px 0 0;border-left:0;border-top:1px solid #3b3e40;gap:8px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-dialog-layout{grid-template-columns:1fr}.preview-side{border-right:0;border-bottom:1px solid #35383a}.inventory-body .preview-stage{min-height:300px}.inventory-body .preview-stage iframe{height:300px}.inventory-body .preview-stage img{height:280px}}
@media(max-width:650px){.inventory-intro{padding:32px 0 25px}.inventory-instructions{grid-template-columns:28px 1fr;row-gap:10px}.inventory-section-head,.catalog-heading{align-items:start;flex-direction:column}.overview-grid,.overview-grid.overview-pairs{grid-template-columns:1fr}.result-controls{width:100%}.search-field,.sort-field{width:100%}.search-field input,.sort-field select{width:100%;min-width:0}.inventory-tabs{gap:17px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-body .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-body .skin-grid .card{min-height:175px}.item-settings{padding:28px 20px}.preview-side{padding:13px}.inventory-topbar .account span{display:none}}