.nav{max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:hidden;padding:6px 12px 8px 3px;scrollbar-width:thin;scrollbar-color:#62786a transparent}.nav button{flex-shrink:0}.nav [data-tab=supplies]{border-color:#b9a5ed66;color:#ddd0ff}.nav [data-tab=supplies].active{background:#dac2ff;color:#202536}
.supply-balance{font:11px monospace;color:var(--lime);white-space:nowrap}.supplies-panel{background:linear-gradient(115deg,#141e29f5,#122630f5);scrollbar-width:thin;scrollbar-color:#5e6f7d transparent}.supply-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.supply-tab{text-align:left;border:1px solid #cad5e12b;background:#25313a;padding:16px 18px;box-shadow:4px 4px 0 #07131b;color:#eff3eb;position:relative;min-width:0}.supply-tab:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--cache);opacity:.3}.supply-tab.active{background:#334551;border-color:var(--cache)}.supply-tab.active:before{opacity:1}.supply-tab span{display:block;font:8px monospace;letter-spacing:1px;color:#b0c0c9}.supply-tab b{display:block;font:28px var(--display);letter-spacing:.7px;margin:8px 0;color:var(--cache)}.supply-tab small{font:9px monospace;letter-spacing:.3px}.supply-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(290px,.92fr);gap:22px;align-items:start}.supply-main{min-width:0}.supply-hero{--cache:#a9dfed;position:relative;background:radial-gradient(ellipse at 50% 35%,#90b1c022,transparent 64%),linear-gradient(135deg,#22313d,#16222d);border:1px solid #b8cdd43b;text-align:center;overflow:hidden;padding:24px 24px 14px;box-shadow:5px 5px 0 #07111a}.supply-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b2c5df07 1px,transparent 1px),linear-gradient(90deg,#b2c5df07 1px,transparent 1px);background-size:28px 28px}.supply-hero>.small-label{color:var(--cache);letter-spacing:2px;position:relative}.cache-illustration{height:203px;position:relative;display:grid;place-items:center;color:var(--cache)}.cache-illustration>svg{width:240px;max-width:90%;height:185px;position:relative;filter:drop-shadow(0 22px 15px #07131ac9);animation:cache-hover 5s ease-in-out infinite}.cache-halo{position:absolute;width:200px;height:200px;border:1px dashed #c6daeb3c;border-radius:50%;animation:cache-turn 30s linear infinite}.cache-halo:before{content:'';position:absolute;inset:13px;border:1px solid #c6daeb1c;border-radius:50%}.supply-hero h3{font:36px var(--display);letter-spacing:1.4px;margin:2px 0 22px;position:relative}.supply-hero>.solid{width:100%;display:flex;justify-content:space-between;background:var(--cache);color:#1b2934;padding:18px 19px;font-size:13px;position:relative;border-radius:2px;box-shadow:3px 3px 0 #080e17}.supply-hero .solid i{font-size:18px;font-style:normal}.supply-hero>p{font:8px monospace;color:#adbfcb;margin:17px 0 0;position:relative;line-height:1.6}.supply-hero>.secondary{margin-top:10px}.supply-hero .network-message{font-size:11px;line-height:1.5}.drop-odds{margin-top:22px}.drop-odds>b{font:9px monospace;letter-spacing:1.1px;color:#c8d6db}.drop-odds>div{display:flex;flex-wrap:wrap;gap:12px 17px;margin-top:13px}.drop-odds span{display:flex;align-items:center;gap:6px;font:8px monospace;color:#c5d3db}.drop-odds span i{height:5px;width:5px;background:var(--rarity)}.drop-odds span b{color:var(--rarity);margin-left:2px}.drop-odds p{font-size:10px;line-height:1.6;color:#95a6b4}.supply-details{min-width:0}.supply-details>h3{font:15px var(--display);letter-spacing:1.3px;margin:0 0 12px;color:#dbe5ea}.supply-pool{border:1px solid #cbdfd526;background:#0e1b2499;max-height:337px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#58687b transparent}.pool-item{display:flex;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid #c3dece16;min-height:64px;border-left:2px solid var(--rarity)}.pool-item:last-child{border-bottom:none}.pool-item>div{flex:0 0 69px;width:69px;height:52px;display:grid;place-items:center}.pool-item svg{max-width:100%;max-height:100%;position:static!important;filter:none}.pool-item .helmet-icon{position:static;width:50px;height:50px}.pool-item>span{min-width:0;display:flex;flex-direction:column;gap:6px}.pool-item b{font:13px var(--display);letter-spacing:.5px}.pool-item small{font:7px monospace;color:var(--rarity)}.pool-item em{font:10px monospace;margin-left:auto;color:#bfd0da;white-space:nowrap}.history-title{margin-top:25px!important}.supply-history-item{padding:10px 0;display:flex;align-items:center;gap:8px;font-size:10px;border-bottom:1px solid #ccddea16}.supply-history-item i{width:4px;height:12px;flex:0 0 4px}.supply-history-item b{font-weight:650}.supply-history-item small{font:7px monospace;color:#93a6b5}.supply-history-item span{margin-left:auto;font:9px monospace;color:#8ea7a8}
.cosmetic-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 19px;width:60%;min-width:320px}.cosmetic-toolbar .arsenal-tabs{margin:0;flex:1;display:flex;gap:6px}.cosmetic-toolbar>.secondary{width:auto;font-size:8px;white-space:nowrap;padding:10px}.cosmetic-toolbar .arsenal-tabs button{font-size:9px;white-space:nowrap;padding:10px}.cosmetic-card{border-bottom:2px solid var(--rarity)}.cosmetic-card.unowned{opacity:.7}.cosmetic-card.unowned:hover{opacity:1}.cosmetic-art{height:110px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#b5cbdb17,transparent 70%),#14202b;overflow:hidden}.cosmetic-art>svg{height:91px;width:91px;filter:drop-shadow(0 9px 8px #0005)}.wrapped-art{position:relative;display:grid;place-items:center;width:100%;height:100%}.wrapped-art>svg{width:94%;height:100%;position:relative;z-index:1;filter:drop-shadow(0 8px 5px #0006)}.finish-sample{position:absolute;right:8px;bottom:8px;width:26px;height:20px;border:1px solid #ffffff5c;box-shadow:2px 2px 0 #111b25;background-color:var(--a);background-size:10px 10px;z-index:2}.rarity-label{font:7px monospace;color:var(--rarity);letter-spacing:.9px}.wrap-grid{padding-bottom:90px}.wrap-card .wrap-info{gap:7px}.wrap-preview-label{pointer-events:none;max-width:38%;overflow-wrap:break-word}.wrap-preview-label h2{font-size:clamp(22px,2.6vw,42px)}
.redeem-section{border:1px solid #b8ff943e;border-left:3px solid #b4ffa1;padding:20px;margin:0 0 27px;background:linear-gradient(120deg,#28433244,#172a3133);border-radius:3px}.redeem-section .small-label{color:#c0eda9;letter-spacing:1.7px}.redeem-section h3{font:30px var(--display);margin:8px 0 15px;letter-spacing:.8px}.redeem-section label{font-size:8px;letter-spacing:1.1px}.redeem-section .solid{white-space:nowrap;font-size:10px;padding:12px}.redeem-section .textinput{font-family:monospace;font-size:12px;letter-spacing:.4px}.redeem-section .muted-note{font-size:10px!important;line-height:1.7}.dev-pack-contents{margin-top:16px;padding:15px;background:#93c8650b;border:1px solid #c0f69029}.dev-pack-contents b{font-size:11px;color:#c3fea6;letter-spacing:1px}.dev-pack-contents p{font-size:10px;line-height:1.6;margin:7px 0;color:#bfcfc2}.redeem-section .network-message{overflow-wrap:anywhere;line-height:1.65}
.supply-reveal{z-index:75;background:#070f1bd9}.supply-reveal .modal{width:min(600px,95vw);text-align:center;border:1px solid var(--rarity);border-radius:5px;background:radial-gradient(ellipse at 50% 26%,#809ca02b,transparent 65%),linear-gradient(125deg,#1c2c38,#16212d);position:relative;overflow:hidden;box-shadow:0 25px 100px #0009;padding:37px}.supply-reveal .closebtn{position:absolute;right:13px;top:13px}.supply-reveal .small-label{color:var(--rarity);font-size:9px;letter-spacing:2px}.reward-opening{height:355px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:33px}.opening-ring{width:125px;height:125px;border:2px solid #e2f1da19;border-left-color:var(--rarity);border-right-color:var(--rarity);border-radius:26%;animation:cache-turn 1.3s linear infinite;position:relative}.opening-ring:after{content:'✳';color:var(--rarity);font-size:60px;position:absolute;inset:0;display:grid;place-items:center}.reward-opening b{font:11px monospace;letter-spacing:2px;color:#c4d1db}.reward-opening .text-link{color:#aac3ce;font:10px monospace;background:none}.reward-finished{display:none}.reward-shown .reward-opening{display:none}.reward-shown .reward-finished{display:block;animation:reward-arrive .4s ease-out both}.reward-art{height:215px;display:flex;align-items:center;justify-content:center;margin:10px 0 0}.reward-art svg{max-width:92%;max-height:100%;width:380px;position:static!important;filter:drop-shadow(0 14px 10px #0006)}.reward-art .helmet-icon{width:170px;height:170px}.reward-art>svg:not(.helmet-icon){height:184px}.reward-finished>p:first-of-type{font:10px monospace;letter-spacing:2px;color:var(--rarity)}.supply-reveal h2{font:45px var(--display);letter-spacing:1px;margin:13px 0;color:#f2f3e8}.reward-saved{font-size:10px!important;line-height:1.6}.reward-finished .save-tools{margin-top:23px}.reward-finished .save-tools button{font-size:10px;padding:15px 12px;border-radius:2px}
@keyframes cache-hover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes cache-turn{to{transform:rotate(360deg)}}@keyframes reward-arrive{from{transform:translateY(14px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1150px){.supply-layout{grid-template-columns:minmax(240px,1fr) minmax(235px,.92fr);gap:16px}.supply-tab{padding:13px}.supply-tab b{font-size:23px}.supply-tab span{font-size:7px}.supply-hero{padding:19px 17px 10px}.supply-hero h3{font-size:28px}.supply-pool{max-height:305px}.pool-item{padding:6px 8px;gap:7px}.pool-item>div{width:50px;flex-basis:50px}.pool-item b{font-size:12px}.pool-item em{font-size:9px}.cosmetic-toolbar{width:100%;min-width:0;justify-content:start}.cosmetic-toolbar .arsenal-tabs{flex:0 0 auto}.cosmetic-art{height:86px}.cosmetic-art>svg{width:70px;height:70px}.cache-illustration{height:183px}}
@media(max-width:850px){.supply-layout{grid-template-columns:1fr}.supply-details{margin-top:5px}.supply-pool{max-height:280px}.supply-tab{padding:11px 8px}.supply-tab b{font-size:20px}.supply-tab span{display:none}.supply-tabs{gap:7px}.supply-hero{max-width:100%;padding:17px}.cache-illustration{height:170px}.supply-hero h3{margin-bottom:15px}.supply-balance{display:block;margin:8px 0 14px}.cosmetic-toolbar{flex-wrap:wrap}.nav{max-height:calc(100vh - 270px)}}
@media(max-width:680px){.supply-tab b{font-size:14px;letter-spacing:0}.supply-tab small{font-size:7px}.supply-tabs{gap:4px;margin-bottom:14px}.supply-tab{padding:9px 4px}.supply-hero{padding:15px 10px 8px}.cache-illustration{height:155px}.cache-illustration>svg{height:135px;width:195px}.cache-halo{height:130px;width:130px}.supply-hero h3{font-size:24px}.supply-hero>.solid{font-size:10px;padding:14px 12px}.drop-odds span{font-size:7px}.drop-odds>div{gap:9px}.pool-item>div{flex-basis:40px;width:40px;height:44px}.pool-item b{font-size:11px}.pool-item em{font-size:8px}.supply-history-item{flex-wrap:wrap}.supply-history-item b{font-size:9px}.supply-history-item small{display:none}.supply-reveal .modal{padding:27px 21px}.supply-reveal h2{font-size:34px}.reward-art{height:165px}.reward-art svg{height:155px!important}.reward-finished .save-tools{flex-direction:column}.reward-opening{height:310px}.cosmetic-toolbar>.secondary{font-size:7px}.cosmetic-toolbar .arsenal-tabs button{font-size:8px}.cosmetic-art{height:78px}.wrap-card .wrap-info{padding:8px 6px}.wrap-card b{font-size:11px}.rarity-label{font-size:6px}.redeem-section{padding:15px}.redeem-section .input-row{gap:5px}.redeem-section .solid{font-size:8px;padding:10px}.redeem-section .textinput{font-size:10px}.nav{max-height:calc(100vh - 365px);min-height:190px}.nav button{min-height:35px}.supply-balance{font-size:9px}}

.nav [data-tab=operators] span,.nav [data-tab=wraps] span{font-size:.82em;white-space:nowrap}.nav [data-tab=operators] i,.nav [data-tab=wraps] i{display:none}.nav button small{flex-shrink:0}

.shop-wallet{font-size:10px;letter-spacing:.8px;color:var(--muted);margin:0 0 6px;line-height:1.5}.shop-status{font-size:11px;line-height:1.5;color:var(--lime);min-height:1.5em;margin:0 0 12px;overflow-wrap:anywhere;max-width:660px}.shop-status.shop-error{color:#ffb4a6}#operatorWallet,#operatorShopStatus{max-width:390px}