:root{--bg: #1b2838;--bg-2: #2a475e;--panel: #253849;--panel-2: #1e2f3f;--text: #c6d4df;--muted: #7a8a99;--accent: #66c0f4;--accent-hover: #1a9fff;--danger: #c04040;--border: #000000aa;--r-milspec: #4b69ff;--r-restricted: #8847ff;--r-classified: #d32ce6;--r-covert: #eb4b4b;--r-rare_special: #e4ae39;--font-display: "Saira Condensed", "Impact", "Arial Narrow", sans-serif;--font-body: "IBM Plex Sans", "Motiva Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);font-family:var(--font-body);min-height:100vh}body{position:relative;background:radial-gradient(ellipse at 50% 0%,#2a4156 0%,transparent 65%),radial-gradient(ellipse at 80% 100%,#1a3346 0%,transparent 60%),repeating-linear-gradient(135deg,transparent 0,transparent 38px,rgba(102,192,244,.025) 38px,rgba(102,192,244,.025) 40px),linear-gradient(180deg,#1b2838,#0f1721);background-attachment:fixed}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%)}body:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.06;mix-blend-mode:overlay}body{overflow-x:hidden}#app{min-height:100vh;position:relative;z-index:1}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.8rem 1.5rem;background:var(--panel-2);border-bottom:2px solid #000;box-shadow:0 2px 10px #0006}.topbar h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.55rem;color:#fff;letter-spacing:2px;text-transform:uppercase;position:relative;padding-left:.9rem}.topbar h1:before{content:"";position:absolute;left:0;top:6%;bottom:6%;width:4px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),50% 100%,0 100%);box-shadow:0 0 8px #66c0f499}.money{margin-left:auto;font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:.5px;color:#a4d007;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(164,208,7,.35)}.topbar-bonus{margin-left:-.8rem;font-size:.95rem;white-space:nowrap}.reset{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.2rem .55rem;border-radius:3px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.reset:hover{background:var(--danger);color:#fff}.volume-control{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .5rem;border:1px solid var(--muted);border-radius:3px;color:var(--muted);font-size:.85rem;line-height:1}.volume-control:hover{color:var(--text);border-color:var(--text)}.volume-icon{font-size:.95rem}.volume-label{min-width:2.6rem;text-align:right;font-variant-numeric:tabular-nums}.volume-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;background:var(--muted);border-radius:2px;outline:none;cursor:pointer}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--text);border-radius:50%;cursor:pointer}.volume-control input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--text);border:none;border-radius:50%;cursor:pointer}.nav-btn{background:transparent;color:var(--muted);border:1px solid var(--muted);padding:.3rem .8rem;border-radius:3px;cursor:pointer;font-size:.85rem;font-weight:600}.nav-btn:hover{color:var(--text);border-color:var(--text)}.hidden{display:none!important}.passive-inline{margin-top:1rem;padding-top:.8rem;border-top:1px solid #0006}.passive-inline h3{margin:0 0 .4rem;font-size:.85rem;color:#fff;text-transform:uppercase;letter-spacing:1px}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row;gap:1rem;padding:1rem 1.5rem;max-width:1280px;margin:0 auto}.grid>section:nth-child(3),.grid>section:nth-child(4){grid-column:1 / -1}.panel{background:linear-gradient(180deg,rgba(102,192,244,.04) 0%,transparent 18%),var(--panel);border-radius:2px;padding:1rem 1.2rem;box-shadow:0 2px 6px #00000073,inset 0 1px #ffffff0a;border:1px solid #0006;position:relative}.panel:before{content:"";position:absolute;top:0;right:0;width:18px;height:18px;background:linear-gradient(135deg,transparent 49%,rgba(102,192,244,.35) 50%,rgba(102,192,244,.35) 60%,transparent 61%);pointer-events:none}.panel.wide{grid-column:1 / -1}.panel h2{margin:0 0 .7rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;padding:.1rem 0 .5rem .7rem;position:relative;border-bottom:1px solid rgba(102,192,244,.18)}.panel h2:before{content:"";position:absolute;left:0;top:0;bottom:.55rem;width:4px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),50% 100%,0 100%);box-shadow:0 0 6px #66c0f480}.panel h3{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid #0006;margin-bottom:.6rem;padding-bottom:.4rem}.panel-header h2{margin:0;border-bottom:none;padding-bottom:0}.panel-header-actions{display:flex;align-items:center;gap:.6rem}.sell-all-btn,.collect-all-btn{padding:.4rem .9rem;font-size:.85rem;background:linear-gradient(180deg,#b04848,#7a2a2a);color:#fff;border:1px solid #0008;border-radius:3px;cursor:pointer;font-weight:600}.collect-all-btn{background:linear-gradient(180deg,#c59a3a,#8a6a20)}.sell-all-btn:hover:not(:disabled),.collect-all-btn:hover:not(:disabled){filter:brightness(1.15)}.sell-all-btn:disabled,.collect-all-btn:disabled{background:#2a3540;color:#556670;cursor:not-allowed}.muted{color:var(--muted);font-size:.85rem}.big-button{display:block;width:100%;margin:.8rem 0 .4rem;padding:.8rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--accent) 0%,#1a6d9a 100%);border:1px solid #0008;border-radius:3px;cursor:pointer;transition:filter .1s}.big-button:hover:not(:disabled){filter:brightness(1.15)}.big-button:active:not(:disabled){filter:brightness(.9)}.big-button:disabled{background:#3a4a5a;color:#6a7a8a;cursor:not-allowed}.big-button:not(:disabled):not(.crit-flash){animation:ready-glow 2.4s ease-in-out infinite}@keyframes ready-glow{0%,to{box-shadow:0 0 #66c0f400}50%{box-shadow:0 0 14px #66c0f48c}}.big-button.crit-flash{animation:crit-flash .6s ease-out}@keyframes crit-flash{0%{background:linear-gradient(180deg,#ffd84b,#f08a4b);box-shadow:0 0 18px #ffd84b}60%{background:linear-gradient(180deg,#ffd84b,#f08a4b);box-shadow:0 0 8px #ffd84b}to{background:linear-gradient(180deg,var(--accent) 0%,#1a6d9a 100%);box-shadow:none}}.money-popup{position:fixed;pointer-events:none;z-index:9999;font-weight:700;font-size:1.05rem;color:#a4d007;text-shadow:0 0 8px rgba(164,208,7,.7),0 1px 2px #000;font-variant-numeric:tabular-nums;transform:translate(-50%,-50%);animation:money-popup-rise 1s cubic-bezier(.2,.7,.2,1) forwards;will-change:transform,opacity}.money-popup-crit{font-size:1.7rem;color:#ffd84b;text-shadow:0 0 14px rgba(255,216,75,.85),0 1px 2px #000;letter-spacing:.5px}.money-popup-cost{color:#e85a5a;text-shadow:0 0 8px rgba(232,90,90,.7),0 1px 2px #000}@keyframes money-popup-rise{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}18%{transform:translate(calc(-50% + var(--drift, 0px) * .3),-110%) scale(1.15);opacity:1}to{transform:translate(calc(-50% + var(--drift, 0px)),-210%) scale(1);opacity:0}}.money.pulse{animation:money-pulse .28s ease-out}@keyframes money-pulse{0%{transform:scale(1)}40%{transform:scale(1.13)}to{transform:scale(1)}}.progress{height:6px;background:#0004;border-radius:3px;overflow:hidden;margin-top:.4rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#a4d007 100%);transition:width .1s linear;width:0%}.shop-row{display:flex;align-items:center;padding:.6rem 0;border-bottom:1px solid #0005;gap:.8rem}.shop-row:last-child{border-bottom:none}#shop-list,#owned-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}#shop-list .shop-row,#owned-cases .shop-row{flex-direction:column;align-items:center;text-align:center;padding:.8rem .7rem;border:1px solid #0006;border-radius:4px;background:#ffffff05;gap:.4rem}#shop-list .case-icon,#owned-cases .case-icon{width:88px;height:66px}#shop-list .shop-info,#owned-cases .shop-info{flex:0 0 auto;width:100%}#shop-list .shop-actions,#owned-cases .shop-actions{flex-direction:column;align-items:stretch;width:100%;gap:.4rem}#shop-list .price,#owned-cases .price{min-width:0;text-align:center;font-size:1rem}#shop-list .buy-group,#owned-cases .open-group{flex-wrap:wrap;justify-content:center}#shop-list .buy-btn,#owned-cases .open-btn:not(.open-btn-auto){flex:1 1 100%}#shop-list .buy-btn-multi,#owned-cases .open-btn-auto,#shop-list .bulk-tip,#owned-cases .bulk-tip{flex:0 1 auto;min-width:2.6rem}#shop-list .bulk-tip>.buy-btn-multi,#owned-cases .bulk-tip>.open-btn-auto{width:100%;min-width:0}.upgrade-group{--cat-color: var(--accent);margin-bottom:1.1rem}.upgrade-group:last-child{margin-bottom:0}.upgrade-group.cat-beg{--cat-color: #66c0f4}.upgrade-group.cat-sticker{--cat-color: #a4d007}.upgrade-group.cat-passive{--cat-color: #e4ae39}.upgrade-group.cat-bot{--cat-color: #eb4b4b}.upgrade-group.cat-shop{--cat-color: #8a9aa8}.upgrade-group-header{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;margin-bottom:.55rem;background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color) 14%,transparent) 0%,transparent 65%);border:none;border-bottom:1px solid color-mix(in srgb,var(--cat-color) 35%,transparent);color:var(--text);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease-out}.upgrade-group-header:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color) 22%,transparent) 0%,transparent 75%)}.upgrade-group-stripe{width:6px;height:22px;background:var(--cat-color);clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),50% 100%,0 100%);box-shadow:0 0 8px color-mix(in srgb,var(--cat-color) 60%,transparent)}.upgrade-group-title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff}.upgrade-group-meta{font-family:var(--font-display);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--cat-color) 80%,var(--muted));font-weight:500}.upgrade-group-toggle{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--cat-color);width:1.2rem;text-align:center;line-height:1}.upgrade-group.collapsed .upgrade-grid{display:none}.upgrade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.upgrade-card{--hover-fade: 0;display:flex;flex-direction:column;gap:.35rem;padding:.65rem .7rem .85rem;border:1px solid color-mix(in srgb,var(--cat-color) 22%,transparent);border-radius:3px;background:#ffffff05;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.upgrade-card:hover{border-color:color-mix(in srgb,var(--cat-color) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--cat-color) 28%,transparent),0 4px 14px color-mix(in srgb,var(--cat-color) 22%,transparent)}.upgrade-card.maxed{border-color:color-mix(in srgb,var(--cat-color) 50%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cat-color) 8%,transparent),transparent 60%),#ffffff05}.upgrade-card-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.upgrade-name{font-weight:600;color:#fff;font-size:.92rem;line-height:1.2}.upgrade-level{font-family:var(--font-display);font-size:.7rem;letter-spacing:1px;font-weight:700;color:var(--cat-color);background:#0000004d;border:1px solid color-mix(in srgb,var(--cat-color) 45%,transparent);padding:.05rem .45rem .05rem .55rem;white-space:nowrap;clip-path:polygon(.4rem 0,100% 0,100% 100%,0 100%,0 .4rem)}.upgrade-desc{color:var(--muted);font-size:.82rem;line-height:1.35;flex:1 1 auto}.upgrade-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.upgrade-card-footer .price{min-width:0;text-align:left;font-family:var(--font-display);font-size:1rem;font-variant-numeric:tabular-nums}.upgrade-card-footer .upg-btn{flex:0 0 auto}.upgrade-card.maxed .price{color:var(--cat-color);letter-spacing:2px}.upgrade-stat-strip{position:absolute;left:0;right:0;bottom:0;height:3px;background:#00000073;overflow:hidden}.upgrade-stat-strip>span{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color) 70%,transparent) 0%,var(--cat-color) 100%);box-shadow:0 0 6px color-mix(in srgb,var(--cat-color) 60%,transparent);transition:width .4s cubic-bezier(.2,.8,.25,1)}.upgrade-card.maxed .upgrade-stat-strip>span{background:var(--cat-color);box-shadow:0 0 10px var(--cat-color)}.upgrade-hover-chevron{position:absolute;right:-14px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--cat-color);opacity:0;transition:right .2s cubic-bezier(.2,.8,.25,1),opacity .2s;pointer-events:none;text-shadow:0 0 8px var(--cat-color)}.upgrade-card:hover .upgrade-hover-chevron{right:.45rem;opacity:.85}.upgrade-card.maxed .upgrade-hover-chevron{display:none}.shop-info{flex:1 1 auto;min-width:0}.shop-name{font-weight:600;color:#fff}.case-icon{width:56px;height:42px;object-fit:contain;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.shop-actions{display:flex;align-items:center;gap:.8rem}.buy-group,.open-group{display:flex;gap:.3rem}.buy-btn-multi,.open-btn-auto{min-width:2.4rem;padding:.4rem .5rem}.price{color:#a4d007;font-weight:700;font-variant-numeric:tabular-nums;min-width:5rem;text-align:right}.shop-discount{color:#f08a4b;background:#f08a4b1f;border:1px solid rgba(240,138,75,.4);padding:.15rem .5rem;border-radius:3px;font-size:.78rem;font-weight:600;letter-spacing:.3px}.buy-btn,.open-btn,.upg-btn,.sell-btn,.collect-btn{padding:.4rem .9rem;font-size:.85rem;background:linear-gradient(180deg,#4a6a84,#2a475e);color:#fff;border:1px solid #0008;border-radius:3px;cursor:pointer;font-weight:600}.buy-btn:hover:not(:disabled),.open-btn:hover:not(:disabled),.upg-btn:hover:not(:disabled),.sell-btn:hover:not(:disabled),.collect-btn:hover:not(:disabled){filter:brightness(1.2)}.buy-btn:disabled,.open-btn:disabled,.upg-btn:disabled,.sell-btn:disabled,.collect-btn:disabled{background:#2a3540;color:#556670;cursor:not-allowed}.collect-btn{background:linear-gradient(180deg,#c59a3a,#8a6a20)}.inv-actions{display:flex;gap:.35rem}.inv-card.collected{opacity:.95;border-left-width:4px;box-shadow:inset 0 0 0 1px #c59a3a33}.open-btn{background:linear-gradient(180deg,#a4d007,#5a8a02)}.inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}.inv-card{--rarity: var(--muted);background:linear-gradient(0deg,color-mix(in srgb,var(--rarity) 32%,transparent) 0%,color-mix(in srgb,var(--rarity) 8%,transparent) 35%,transparent 65%),var(--panel-2);border-left:4px solid var(--rarity);padding:.6rem .8rem;border-radius:3px;display:flex;flex-direction:column;gap:.3rem;position:relative;transition:transform .12s ease-out,box-shadow .12s ease-out;animation:card-in .32s cubic-bezier(.2,.8,.25,1) backwards}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inv-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000073,0 0 16px color-mix(in srgb,var(--rarity) 35%,transparent)}.inv-price-badge{position:absolute;top:.4rem;right:.5rem;background:#0d1117c7;padding:.1rem .4rem;border-radius:3px;font-size:.85rem;pointer-events:none;z-index:1}.inv-icon{width:100%;height:80px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.inv-name{font-weight:600;color:#fff;font-size:.92rem}.inv-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted)}.wear-bar{position:relative;height:4px;margin-top:.15rem;border-radius:2px;background:linear-gradient(90deg,#4caf50,#cbd34a 25%,#f0b04a 55%,#d56a3a 75%,#c04040);box-shadow:inset 0 0 0 1px #0006}.wear-bar-marker{position:absolute;top:-3px;width:2px;height:10px;background:#fff;box-shadow:0 0 4px #000,0 0 0 1px #000a;transform:translate(-50%)}.stattrak-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.5px;color:#ffb84a;background:#2a1a08;border:1px solid #ffb84a;padding:.05rem .3rem;margin-right:.35rem;border-radius:2px;vertical-align:1px;text-shadow:0 0 4px rgba(255,184,74,.4)}.inv-row{display:flex;justify-content:flex-end;align-items:center;margin-top:.3rem}.rarity-milspec{--rarity: var(--r-milspec)}.rarity-restricted{--rarity: var(--r-restricted)}.rarity-classified{--rarity: var(--r-classified)}.rarity-covert{--rarity: var(--r-covert)}.rarity-rare_special{--rarity: var(--r-rare_special)}.collection-view{padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.collection-summary{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid #0006;border-radius:4px;padding:.8rem 1.2rem;margin-bottom:1rem;box-shadow:0 2px 6px #00000059}.collection-summary strong{color:#fff;font-size:1.3rem;margin-right:.3rem}.bonus{color:#c59a3a;font-weight:600;font-size:.9rem}.collection-case{background:var(--panel);border:1px solid #0006;border-radius:4px;padding:1rem 1.2rem;margin-bottom:1rem;box-shadow:0 2px 6px #00000059}.collection-case-header{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid #0006}.collection-case-icon{width:96px;height:72px;object-fit:contain;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.collection-case-info{flex:1 1 auto;min-width:0}.collection-case-name{font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem}.inv-card.locked{opacity:.55;filter:grayscale(.6)}.inv-card.locked .inv-name{color:var(--muted)}.locked-icon{display:flex;align-items:center;justify-content:center;height:80px;font-size:2.5rem;font-weight:700;color:#3a4a5a;background:#0003;border-radius:3px}.toast{position:fixed;bottom:1.5rem;right:1.5rem;min-width:260px;padding:.9rem 1.1rem;background:var(--panel-2);border-left:6px solid var(--muted);border-radius:4px;box-shadow:0 6px 20px #00000080;transition:opacity .3s,transform .3s;z-index:100}.toast.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.toast-title{font-weight:700;color:#fff;margin-bottom:.2rem;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.achievement-toast{position:fixed;top:5.5rem;left:0;transform:translate(-110%);min-width:320px;max-width:440px;padding:.9rem 1.5rem .9rem 1.1rem;background:linear-gradient(135deg,rgba(228,174,57,.18) 0%,transparent 60%),linear-gradient(180deg,#3a2e18,#1f1608);border-left:5px solid var(--r-rare_special);border-radius:0 2px 2px 0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(228,174,57,.22));transition:transform .45s cubic-bezier(.2,.85,.25,1),opacity .3s;z-index:100;opacity:0;pointer-events:none;display:flex;align-items:center;gap:.85rem}.achievement-toast:after{content:"";position:absolute;top:0;right:-18px;width:18px;height:100%;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}.achievement-toast.show{opacity:1;transform:translate(0)}.achievement-toast.hidden{opacity:0;pointer-events:none}.toast-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d6a035,#8a6018);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#1a1208;font-size:1.5rem;font-weight:800;font-family:var(--font-display);text-shadow:0 1px 0 rgba(255,255,255,.25)}.toast-body{min-width:0;flex:1}.achievement-toast .toast-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;font-size:.72rem;color:var(--r-rare_special);font-weight:700;margin-bottom:.1rem}.achievement-toast .toast-name{font-family:var(--font-display);font-weight:700;color:#fff;font-size:1.15rem;letter-spacing:.5px;margin-bottom:.1rem;line-height:1.1}.achievement-toast .toast-reward{color:#f0c668;font-weight:500;font-size:.85rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:.7rem;text-align:center;color:var(--muted);grid-column:1 / -1}.empty-state-icon{width:92px;height:92px;opacity:.45}.empty-state-title{font-family:var(--font-display);font-size:1.05rem;letter-spacing:2px;text-transform:uppercase;color:#c6d4df}.empty-state-hint{font-size:.85rem;color:var(--muted);max-width:320px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem}.achievement-card{background:var(--panel);border:1px solid #0006;border-left:4px solid var(--muted);border-radius:4px;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.5rem}.achievement-card.unlocked{border-left-color:var(--r-rare_special);background:linear-gradient(180deg,var(--panel) 0%,#2c3a2a 100%)}.achievement-card.locked{opacity:.7}.achievement-header{display:flex;align-items:center;gap:.7rem}.achievement-icon{font-size:1.4rem;width:2rem;text-align:center}.achievement-card.unlocked .achievement-icon{color:var(--r-rare_special)}.achievement-info{flex:1 1 auto;min-width:0}.achievement-name{font-weight:700;color:#fff}.achievement-footer{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.achievement-reward{color:var(--r-rare_special);font-weight:600}.open-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:200;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.open-modal.fadeout{opacity:0;transition:opacity .2s ease-in}.open-card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid #0008;border-radius:6px;padding:1.5rem 1.5rem 1.2rem;box-shadow:0 12px 40px #0009;width:min(900px,95vw);max-width:95vw;position:relative}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0d1620;color:#fff;border:1px solid #0008;border-radius:4px;padding:.3rem .55rem;font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000080;pointer-events:none;z-index:50}.open-stop-btn{position:absolute;top:.8rem;right:.8rem;background:#5a1a1a;color:#fff;border:1px solid #3a0f0f;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer;transition:background .15s}.open-stop-btn:hover:not(:disabled){background:#7a2020}.open-stop-btn:disabled{opacity:.6;cursor:default}.open-title{text-align:center;font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:1rem}.open-strip-container{position:relative;width:100%;height:180px;overflow:hidden;background:#0a131c;border-radius:4px;border:1px solid #0006}.open-strip-container:before,.open-strip-container:after{content:"";position:absolute;top:0;bottom:0;width:8%;pointer-events:none;z-index:2}.open-strip-container:before{left:0;background:linear-gradient(90deg,#0a131c,#0a131c00)}.open-strip-container:after{right:0;background:linear-gradient(270deg,#0a131c,#0a131c00)}.open-marker{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,gold,#ff9d00);z-index:5;box-shadow:0 0 10px #ffc800b3;pointer-events:none;animation:marker-breathe 1.4s ease-in-out infinite}@keyframes marker-breathe{0%,to{box-shadow:0 0 8px #ffc8008c}50%{box-shadow:0 0 18px #ffc800f2}}.open-marker:before,.open-marker:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;margin-left:-8px}.open-marker:before{top:-2px;border-top:10px solid #ffd700}.open-marker:after{bottom:-2px;border-bottom:10px solid #ffd700}.open-strip{display:flex;height:100%;align-items:center;will-change:transform}.strip-card{flex:0 0 150px;height:150px;margin:0;background:linear-gradient(180deg,#2a3540,#1a232c);border-bottom:5px solid var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:.8rem .5rem;text-align:center;position:relative;overflow:hidden;contain:layout paint}.strip-card.rarity-milspec{border-bottom-color:var(--r-milspec);background:linear-gradient(180deg,#1a2a4a,#0e1626)}.strip-card.rarity-restricted{border-bottom-color:var(--r-restricted);background:linear-gradient(180deg,#2a1c4a,#15102a)}.strip-card.rarity-classified{border-bottom-color:var(--r-classified);background:linear-gradient(180deg,#4a1444,#260a23)}.strip-card.rarity-covert{border-bottom-color:var(--r-covert);background:linear-gradient(180deg,#4a1818,#260a0a)}.strip-card.rarity-rare_special{border-bottom-color:var(--r-rare_special);background:linear-gradient(180deg,#4a3a08,#261d04)}.strip-icon{width:130px;height:78px;object-fit:contain;margin-bottom:auto;margin-top:.3rem;pointer-events:none;-webkit-user-select:none;user-select:none}.strip-weapon{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.strip-skin{font-size:.95rem;color:#fff;font-weight:600;margin-top:.2rem;line-height:1.1}.strip-card.mystery .mystery-mark{font-size:3.5rem;font-weight:900;color:var(--r-rare_special);line-height:1;text-shadow:0 0 14px rgba(228,174,57,.6);margin-bottom:.4rem}.strip-card.mystery .strip-skin{color:var(--r-rare_special);text-transform:uppercase;letter-spacing:2px;font-size:.75rem;opacity:.85}.strip-card.winner{box-shadow:inset 0 0 30px #ffd70066;animation:pulse-winner 1.2s ease-out}@keyframes pulse-winner{0%{box-shadow:inset 0 0 #ffd70000}40%{box-shadow:inset 0 0 60px #ffd700b3}to{box-shadow:inset 0 0 30px #ffd70066}}.open-modal.legendary-flash:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:radial-gradient(circle at center,#e4ae398c,#e4ae3900 65%);animation:legendary-flash .9s ease-out forwards}@keyframes legendary-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.open-result{margin-top:1.2rem;text-align:center;animation:result-appear .4s ease-out}.open-result.hidden{display:none}@keyframes result-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-rarity{font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:3px;font-weight:700;color:var(--muted)}.rarity-milspec-text{color:var(--r-milspec);text-shadow:0 0 12px color-mix(in srgb,var(--r-milspec) 65%,transparent)}.rarity-restricted-text{color:var(--r-restricted);text-shadow:0 0 12px color-mix(in srgb,var(--r-restricted) 65%,transparent)}.rarity-classified-text{color:var(--r-classified);text-shadow:0 0 12px color-mix(in srgb,var(--r-classified) 65%,transparent)}.rarity-covert-text{color:var(--r-covert);text-shadow:0 0 12px color-mix(in srgb,var(--r-covert) 65%,transparent)}.rarity-rare_special-text{color:var(--r-rare_special);text-shadow:0 0 14px color-mix(in srgb,var(--r-rare_special) 80%,transparent)}.result-name{font-family:var(--font-display);font-size:1.7rem;color:#fff;font-weight:700;letter-spacing:.5px;margin:.3rem 0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.result-condition{font-family:var(--font-display);color:var(--muted);font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase}.result-value{font-family:var(--font-display);font-size:1.95rem;color:#a4d007;font-weight:700;letter-spacing:1px;margin:.6rem 0 1rem;text-shadow:0 0 12px rgba(164,208,7,.4);font-variant-numeric:tabular-nums}.open-result .big-button{max-width:280px;margin:0 auto}@media(max-width:720px){.grid{grid-template-columns:1fr;padding:.6rem;gap:.6rem}.grid>section:nth-child(3),.grid>section:nth-child(4){grid-column:1}.panel{padding:.7rem .8rem}.topbar{padding:.6rem .8rem;gap:.5rem;flex-wrap:wrap}.topbar h1,.money{font-size:1.1rem}.nav-btn,.reset{padding:.3rem .5rem;font-size:.78rem}.volume-control{padding:.2rem .4rem;font-size:.78rem;gap:.3rem}.volume-control input[type=range]{width:60px}.volume-label{min-width:2.2rem}.shop-row{flex-wrap:wrap;gap:.5rem}.shop-actions{flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap}.buy-group{flex-wrap:wrap;justify-content:flex-end}#shop-list,#owned-cases{grid-template-columns:1fr}#shop-list .shop-actions,#owned-cases .shop-actions{flex:0 0 auto;justify-content:flex-start;flex-wrap:nowrap}#shop-list .buy-group,#owned-cases .open-group{justify-content:center}.upgrade-grid{grid-template-columns:1fr}.panel-header{flex-wrap:wrap;gap:.4rem .8rem}.panel-header-actions{flex-wrap:wrap;gap:.4rem}.sell-all-btn,.collect-all-btn{padding:.3rem .6rem;font-size:.78rem}.inventory{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.inv-price-badge{font-size:.78rem}.inv-actions{flex-direction:column;width:100%;gap:.3rem}.inv-row,.inv-actions .collect-btn,.inv-actions .sell-btn{width:100%}.inv-meta{flex-direction:column;gap:.15rem}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.collection-view{padding:.6rem}.collection-case{padding:.7rem .8rem}.collection-case-icon{width:64px;height:48px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.open-card{padding:1rem .8rem}.open-strip-container{height:140px}.strip-card{flex-basis:110px;height:110px;padding:.5rem .4rem}.strip-icon{width:80px;height:48px;margin-top:.15rem}.strip-weapon{font-size:.7rem}.strip-skin{font-size:.82rem;margin-top:.1rem}.strip-card.mystery .mystery-mark{font-size:2.5rem}}.inventory-strip{display:flex;align-items:center;gap:.9rem;padding:.3rem .7rem .3rem .55rem;border-left:3px solid var(--accent);box-shadow:-8px 0 14px -8px #66c0f480}.inventory-strip-block{display:flex;flex-direction:column;line-height:1.1}.inventory-strip-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.inventory-strip-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums}#inventory-bonus.bonus{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.8px;color:var(--r-rare_special)}#inventory-bonus .bonus-arrow{font-size:.95rem;line-height:1;text-shadow:0 0 6px rgba(228,174,57,.6)}.action-btn{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:.4rem .95rem;background:#00000059;color:#fff;border:1px solid;cursor:pointer;clip-path:polygon(.5rem 0,100% 0,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 .5rem);transition:filter .15s,background .15s}.action-btn:hover:not(:disabled){filter:brightness(1.2)}.action-btn:disabled{color:#4a5562;background:#0003;border-color:#2a3540;cursor:not-allowed}.action-btn-primary{border-color:var(--r-rare_special);color:var(--r-rare_special)}.action-btn-primary:hover:not(:disabled){background:#e4ae392e}.action-btn-danger{border-color:#c04040;color:#e87878}.action-btn-danger:hover:not(:disabled){background:#c040402e}.reset{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);letter-spacing:1.5px}.reset-marker{width:8px;height:8px;background:var(--danger);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 4px #c0404099}.volume-control input[type=range]{height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--vol-pct, 100%),#2a3540 var(--vol-pct, 100%))}.volume-control input[type=range]::-webkit-slider-thumb{width:10px;height:14px;background:var(--accent);border-radius:0;clip-path:polygon(50% 0,100% 35%,100% 65%,50% 100%,0 65%,0 35%);box-shadow:0 0 6px #66c0f480}.volume-control input[type=range]::-moz-range-thumb{width:10px;height:14px;background:var(--accent);border-radius:0;clip-path:polygon(50% 0,100% 35%,100% 65%,50% 100%,0 65%,0 35%)}.shop-row{position:relative}.case-icon-frame{position:relative;flex:0 0 auto;width:96px;padding:.4rem;background:linear-gradient(180deg,rgba(102,192,244,.08) 0%,transparent 60%),#00000040;border:1px solid rgba(102,192,244,.18);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.case-icon-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(60deg,transparent 0 6px,rgba(102,192,244,.04) 6px 7px);pointer-events:none}.case-icon-frame .case-icon{position:relative;z-index:1;max-width:100%;height:auto;display:block}.case-count-badge{position:absolute;top:4px;right:4px;z-index:2;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.8px;color:#1a1208;background:var(--r-rare_special);padding:.05rem .4rem;clip-path:polygon(.3rem 0,100% 0,100% 100%,0 100%,0 .3rem);box-shadow:0 0 8px #e4ae3966}.shop-meta{font-family:var(--font-display);font-size:.74rem;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.shop-actions .loot-preview{display:flex;gap:3px;margin-bottom:.15rem;justify-content:stretch}.shop-actions .loot-tile{flex:1 1 0;min-width:26px;padding:.1rem .3rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.5px;color:#000000b3;text-shadow:0 1px 0 rgba(255,255,255,.25);clip-path:polygon(.25rem 0,100% 0,calc(100% - .25rem) 100%,0 100%)}.shop-actions .loot-tile-empty{background:#2a354099;color:transparent}.loot-tile-milspec{background:var(--r-milspec)}.loot-tile-restricted{background:var(--r-restricted)}.loot-tile-classified{background:var(--r-classified)}.loot-tile-covert{background:var(--r-covert)}.loot-tile-rare_special{background:var(--r-rare_special);box-shadow:0 0 6px #e4ae398c}.collection-summary{gap:1.5rem}.collection-summary-block{display:flex;flex-direction:column;line-height:1.15}.collection-summary-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.collection-summary-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums}.collection-summary-bonus{color:var(--r-rare_special);text-shadow:0 0 8px rgba(228,174,57,.4)}.collection-case-header{position:relative}.collection-progress{position:relative;height:5px;margin-top:.4rem;background:#00000080;overflow:hidden}.collection-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--r-rare_special) 100%);box-shadow:0 0 6px #e4ae3966;transition:width .5s cubic-bezier(.2,.8,.25,1)}.collection-case.complete .collection-progress>span{background:var(--r-rare_special);box-shadow:0 0 10px #e4ae39b3}.collection-hex-badge{flex:0 0 auto;width:56px;height:64px;margin-left:.6rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3a4a5a,#1a2530);border:1px solid rgba(102,192,244,.3);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:var(--font-display);color:#c6d4df;letter-spacing:.5px}.collection-hex-badge.complete{background:linear-gradient(180deg,#d6a035,#8a6018);border-color:var(--r-rare_special);color:#1a1208;box-shadow:0 0 14px #e4ae3980}.collection-hex-pct{font-size:1.1rem;font-weight:700;line-height:1}.collection-hex-pct small{font-size:.55rem;opacity:.7;margin-left:1px}.collection-stamp{position:absolute;bottom:-.2rem;right:1rem;transform:rotate(-8deg);font-family:var(--font-display);font-weight:800;font-size:.85rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--r-rare_special);border:2px solid var(--r-rare_special);padding:.15rem .7rem;background:#e4ae3914;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none;opacity:0;animation:stamp-in .6s cubic-bezier(.2,1.6,.4,1) .2s forwards}@keyframes stamp-in{0%{opacity:0;transform:rotate(-8deg) scale(1.4)}to{opacity:1;transform:rotate(-8deg) scale(1)}}.achievements-summary-strip{display:flex;align-items:center;gap:1.5rem;flex:1}.achievements-summary-block{display:flex;flex-direction:column;line-height:1.15}.achievements-summary-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.achievements-summary-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.5px;color:#fff;font-variant-numeric:tabular-nums}.achievements-summary-progress{flex:1;display:flex;align-items:center;gap:.6rem;max-width:360px}.achievements-summary-bar{flex:1;height:6px;background:#00000080;overflow:hidden}.achievements-summary-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--r-rare_special) 100%);box-shadow:0 0 8px #e4ae3980}.achievements-summary-pct{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.5px;color:var(--r-rare_special);font-variant-numeric:tabular-nums;min-width:3rem;text-align:right}.achievement-card{position:relative;overflow:hidden;animation:card-in .32s cubic-bezier(.2,.8,.25,1) backwards}.achievement-card .achievement-header{display:flex;align-items:center;gap:.7rem;position:relative}.achievement-card .achievement-icon{flex:0 0 auto;width:42px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(180deg,#3a4a5a,#1a2530);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:var(--muted)}.achievement-card.unlocked .achievement-icon{background:linear-gradient(180deg,#d6a035,#8a6018);color:#1a1208;text-shadow:0 1px 0 rgba(255,255,255,.25);box-shadow:0 0 12px #e4ae3980}.achievement-card .achievement-info{min-width:0;flex:1}.achievement-card .achievement-name{font-weight:700;color:#fff;font-size:.98rem;line-height:1.2}.achievement-card.locked .achievement-name{color:var(--muted)}.achievement-card .achievement-stamp{position:absolute;top:0;right:0;transform:rotate(-6deg) translate(.3rem,-.1rem);font-family:var(--font-display);font-weight:800;font-size:.62rem;letter-spacing:1.8px;color:var(--r-rare_special);border:1.5px solid var(--r-rare_special);padding:.1rem .4rem;text-shadow:0 1px 1px rgba(0,0,0,.5);opacity:.85;pointer-events:none}.achievement-bar{position:relative;height:4px;background:#00000080;margin:.5rem 0 .4rem;overflow:hidden}.achievement-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--r-rare_special) 100%);transition:width .5s cubic-bezier(.2,.8,.25,1)}.achievement-card.unlocked .achievement-bar>span{background:var(--r-rare_special);box-shadow:0 0 8px #e4ae3980}.achievement-card.locked{opacity:.85}.achievement-card.locked .achievement-icon{opacity:.6}.case-info{position:absolute;top:6px;left:6px;z-index:4}.case-info-btn{width:18px;height:18px;padding:0;border-radius:50%;background:#0000008c;border:1px solid rgba(102,192,244,.55);color:var(--accent);font-family:var(--font-display);font-size:.8rem;font-weight:700;font-style:italic;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0;transition:background .15s,box-shadow .15s,border-color .15s}.case-info-btn:hover{background:#66c0f42e;border-color:var(--accent);box-shadow:0 0 8px #66c0f473}.case-info-tooltip{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;padding:.55rem .7rem .5rem;background:linear-gradient(180deg,rgba(102,192,244,.06) 0%,transparent 30%),var(--panel-2);border:1px solid rgba(102,192,244,.35);box-shadow:0 8px 22px #000000a6;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:50;pointer-events:none}.case-info:hover .case-info-tooltip,.case-info.show .case-info-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.case-info-title{font-family:var(--font-display);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;padding-bottom:.25rem;border-bottom:1px solid rgba(102,192,244,.2)}.case-info-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:.55rem;padding:.12rem 0;font-size:.82rem}.case-info-row.empty{opacity:.4}.case-info-dot{width:10px;height:10px;background:var(--muted);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 4px color-mix(in srgb,currentColor 50%,transparent)}.case-info-label{font-family:var(--font-body);color:#fff;letter-spacing:.3px}.case-info-row.empty .case-info-label{color:var(--muted)}.case-info-count{font-family:var(--font-display);font-weight:700;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:var(--accent)}.case-info-row.empty .case-info-count{color:var(--muted)}.rarity-milspec-dot{background:var(--r-milspec)}.rarity-restricted-dot{background:var(--r-restricted)}.rarity-classified-dot{background:var(--r-classified)}.rarity-covert-dot{background:var(--r-covert)}.rarity-rare_special-dot{background:var(--r-rare_special)}.shop-actions .buy-btn,.shop-actions .open-btn{position:relative;font-family:var(--font-display);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:none;background:var(--btn-fill, linear-gradient(180deg, #4a6a84 0%, #2a475e 100%));color:var(--btn-text, #fff);padding:.55rem 1rem;font-size:.85rem;cursor:pointer;overflow:hidden;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:transform .08s ease-out,filter .18s ease-out,background .15s}.shop-actions .buy-btn:before,.shop-actions .open-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--btn-accent, currentColor);opacity:.7;transition:height .18s,opacity .18s,box-shadow .18s;pointer-events:none}.shop-actions .buy-btn:hover:not(:disabled),.shop-actions .open-btn:hover:not(:disabled){filter:brightness(1.15) drop-shadow(0 0 10px var(--btn-glow, rgba(255, 255, 255, .3)))}.shop-actions .buy-btn:hover:not(:disabled):before,.shop-actions .open-btn:hover:not(:disabled):before{height:3px;opacity:1;box-shadow:0 0 8px var(--btn-accent)}.shop-actions .buy-btn:active:not(:disabled),.shop-actions .open-btn:active:not(:disabled){transform:translateY(1px) rotate(-.4deg);filter:brightness(.92)}.shop-actions .buy-btn:not(.buy-btn-multi){--btn-fill: linear-gradient(180deg, #a4d007 0%, #5a8a02 100%);--btn-accent: #d2ee44;--btn-glow: rgba(164, 208, 7, .55);--btn-text: #0e1a05;font-size:.95rem;padding:.62rem 1.2rem;text-shadow:0 1px 0 rgba(255,255,255,.18)}.shop-actions .open-btn:not(.open-btn-auto){--btn-fill: linear-gradient(180deg, #e4ae39 0%, #8a6018 100%);--btn-accent: #ffd84b;--btn-glow: rgba(228, 174, 57, .55);--btn-text: #1a1208;font-size:.95rem;padding:.62rem 1.2rem;text-shadow:0 1px 0 rgba(255,255,255,.22)}.shop-actions .buy-btn-multi,.shop-actions .open-btn-auto{--btn-fill: rgba(0, 0, 0, .4);--btn-text: var(--multi-color, #66c0f4);--btn-accent: var(--multi-color, #66c0f4);--btn-glow: color-mix(in srgb, var(--multi-color) 40%, transparent);border:1px solid var(--multi-color);padding:.42rem .6rem;font-size:.78rem;letter-spacing:1.2px;min-width:2.6rem}.shop-actions .buy-btn-multi{--multi-color: #a4d007}.shop-actions .open-btn-auto{--multi-color: #e4ae39}.shop-actions .buy-btn-multi:hover:not(:disabled),.shop-actions .open-btn-auto:hover:not(:disabled){--btn-fill: color-mix(in srgb, var(--multi-color) 18%, rgba(0, 0, 0, .4))}.shop-actions .buy-btn:disabled,.shop-actions .open-btn:disabled{cursor:not-allowed;color:#4a5562;background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(255,255,255,.04) 5px 6px),#00000080;border-color:#2a3540;opacity:.65;filter:none;text-shadow:none}.shop-actions .buy-btn:disabled:before,.shop-actions .open-btn:disabled:before{background:#2a3540;opacity:.6;height:2px;box-shadow:none}.bulk-tip{position:relative;display:inline-flex}.bulk-tip-buy{--tip-color: #a4d007}.bulk-tip-open{--tip-color: #e4ae39}.bulk-tip[data-tt-total]:after,.bulk-tip[data-tt-text]:not([data-tt-total]):after{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);background:linear-gradient(180deg,#1a2330,#0d1620);border:1px solid var(--tip-color, #66c0f4);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);font-family:var(--font-display);font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:var(--tip-color, #c6d4df);box-shadow:inset 0 2px 0 0 var(--tip-color),0 10px 28px #0009,0 0 22px color-mix(in srgb,var(--tip-color) 22%,transparent);pointer-events:none;opacity:0;z-index:50;transition:opacity .12s ease-out,transform .12s ease-out}.bulk-tip[data-tt-total]:after{content:attr(data-tt-qty) "\a" attr(data-tt-unit) "\a" attr(data-tt-total);white-space:pre-line;text-align:center;padding:.55rem .95rem .7rem;font-size:.78rem;line-height:1.7;min-width:9rem}.bulk-tip[data-tt-text]:not([data-tt-total]):after{content:attr(data-tt-text);white-space:nowrap;padding:.4rem .75rem .55rem;font-size:.74rem;line-height:1.3}.bulk-tip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.bulk-tip.qty-popover-open:after{display:none}.qty-popover{--tip-color: #a4d007;position:absolute;bottom:calc(100% + 12px);right:0;width:min(260px,calc(100vw - 32px));background:linear-gradient(180deg,#1c2734,#0c1520);border:1px solid var(--tip-color);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);box-shadow:inset 0 2px 0 0 var(--tip-color),0 14px 36px #000000b3,0 0 32px color-mix(in srgb,var(--tip-color) 22%,transparent);padding:.95rem 1rem 1.1rem;z-index:60;display:flex;flex-direction:column;gap:.7rem;animation:qty-pop-in .14s ease-out}@keyframes qty-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.qty-pop-close{position:absolute;top:.35rem;right:.45rem;width:22px;height:22px;background:transparent;border:none;color:#6b7a89;font-size:1rem;cursor:pointer;padding:0;line-height:1;transition:color .12s}.qty-pop-close:hover{color:var(--tip-color)}.qty-pop-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#8a9aa9;text-align:left;padding-right:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty-stepper{display:grid;grid-template-columns:38px 1fr 38px;align-items:stretch;gap:0;background:#00000073;border:1px solid rgba(164,208,7,.25);border-radius:0;height:44px}.qty-step-btn{background:transparent;border:none;color:var(--tip-color);font-family:var(--font-display);font-size:1.4rem;font-weight:700;cursor:pointer;transition:background .12s,color .12s;padding:0;line-height:1}.qty-step-btn:hover{background:color-mix(in srgb,var(--tip-color) 15%,transparent)}.qty-step-btn:active{background:color-mix(in srgb,var(--tip-color) 28%,transparent)}.qty-input{background:transparent;border:none;border-left:1px solid rgba(164,208,7,.18);border-right:1px solid rgba(164,208,7,.18);color:#f1f6e8;font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:1px;text-align:center;width:100%;padding:0;outline:none;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{background:#a4d0070f}.qty-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.qty-preset-btn{background:#00000059;border:1px solid rgba(164,208,7,.4);color:var(--tip-color);font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:.4rem .2rem;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.qty-preset-btn:hover{background:color-mix(in srgb,var(--tip-color) 18%,transparent);border-color:var(--tip-color)}.qty-preset-max{background:#a4d0071f;letter-spacing:1.2px}.qty-receipt{display:flex;flex-direction:column;gap:.18rem;padding:.55rem .1rem .4rem;border-top:1px dashed rgba(164,208,7,.22);border-bottom:1px dashed rgba(164,208,7,.22)}.qty-receipt-line{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);letter-spacing:1.1px;text-transform:uppercase}.qty-receipt-label{font-size:.72rem;font-weight:500;color:#7a8a99}.qty-receipt-val{font-size:.85rem;font-weight:700;color:#c6d4df;font-variant-numeric:tabular-nums}.qty-receipt-total .qty-receipt-label,.qty-receipt-total .qty-receipt-val{font-size:1rem;color:var(--tip-color);letter-spacing:1.4px}.qty-confirm{position:relative;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#a4d007,#5a8a02);color:#0e1a05;border:none;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:.65rem .95rem;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 2px #d2ee44;transition:filter .15s,transform .08s}.qty-confirm:hover:not(:disabled){filter:brightness(1.12) drop-shadow(0 0 10px rgba(164,208,7,.55))}.qty-confirm:active:not(:disabled){transform:translateY(1px)}.qty-confirm-amount{font-variant-numeric:tabular-nums}.qty-confirm.qty-confirm-poor,.qty-confirm:disabled{background:linear-gradient(180deg,#5a1a1a,#2a0d0d);color:#f0c4c4;cursor:not-allowed;filter:none;box-shadow:inset 0 2px #c04040;text-shadow:none}.qty-confirm-hint{min-height:.95rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:1.1px;text-transform:uppercase;color:#c04040;text-align:center;margin-top:-.3rem}.qty-confirm-hint:empty{display:none}@media(max-width:720px){.qty-popover{width:min(240px,calc(100vw - 24px));padding:.85rem .85rem 1rem}.qty-stepper{height:40px}.qty-input,.qty-step-btn{font-size:1.2rem}.qty-receipt-total .qty-receipt-label,.qty-receipt-total .qty-receipt-val{font-size:.92rem}}@media(max-width:720px){.inventory-strip{padding:.2rem .5rem .2rem .45rem;gap:.6rem}.inventory-strip-value{font-size:1rem}.panel-header-actions{flex-wrap:wrap;gap:.4rem}.case-icon-frame{width:80px;padding:.3rem}.case-info{top:4px;left:4px}.case-info-btn{width:16px;height:16px;font-size:.72rem}.case-info-tooltip{min-width:160px;font-size:.78rem}.collection-hex-badge{width:44px;height:50px}.collection-hex-pct{font-size:.9rem}.achievements-summary-strip{flex-wrap:wrap;gap:.7rem}.achievements-summary-value{font-size:1.15rem}.achievements-summary-progress{max-width:none;flex:1 1 100%}.shop-actions .buy-btn:not(.buy-btn-multi),.shop-actions .open-btn:not(.open-btn-auto){font-size:.85rem;padding:.5rem .9rem}.shop-actions .buy-btn-multi,.shop-actions .open-btn-auto{font-size:.7rem;padding:.35rem .45rem;min-width:2.2rem}#shop-list .bulk-tip,#owned-cases .bulk-tip{min-width:2.2rem}.bulk-tip[data-tt-total]:after{min-width:8rem;font-size:.72rem;padding:.45rem .75rem .6rem}}