: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}*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#1b2838,#111821);color:var(--text);font-family:Motiva Sans,Segoe UI,system-ui,sans-serif;min-height:100vh}body{overflow-x:hidden}#app{min-height:100vh}.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-size:1.3rem;color:#fff;letter-spacing:.5px}.money{margin-left:auto;font-size:1.4rem;font-weight:700;color:#a4d007;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(164,208,7,.3)}.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:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.panel{background:var(--panel);border-radius:4px;padding:1rem 1.2rem;box-shadow:0 2px 6px #00000059;border:1px solid #0006}.panel.wide{grid-column:1 / -1}.panel h2{margin:0 0 .6rem;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #0006;padding-bottom:.4rem}.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.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}}.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{flex:0 1 auto;min-width:2.6rem}.upgrade-group{margin-bottom:1rem}.upgrade-group:last-child{margin-bottom:0}.upgrade-group-header{font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);padding-bottom:.3rem;margin-bottom:.5rem;border-bottom:1px solid #0006}.upgrade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.upgrade-card{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .7rem;border:1px solid #0006;border-radius:4px;background:#ffffff05}.upgrade-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem}.upgrade-name{font-weight:600;color:#fff}.upgrade-level{font-size:.75rem;color:var(--muted);background:#ffffff0d;padding:.05rem .4rem;border-radius:3px;white-space:nowrap}.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-size:.95rem}.upgrade-card-footer .upg-btn{flex:0 0 auto}.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{background:var(--panel-2);border-left:4px solid var(--muted);padding:.6rem .8rem;border-radius:3px;display:flex;flex-direction:column;gap:.3rem;position:relative}.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)}.inv-row{display:flex;justify-content:flex-end;align-items:center;margin-top:.3rem}.rarity-milspec{border-left-color:var(--r-milspec)}.rarity-restricted{border-left-color:var(--r-restricted)}.rarity-classified{border-left-color:var(--r-classified)}.rarity-covert{border-left-color:var(--r-covert)}.rarity-rare_special{border-left-color: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;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(20px);min-width:280px;max-width:420px;padding:.9rem 1.2rem;background:linear-gradient(180deg,#3a2e18,#241a0c);border-left:6px solid var(--r-rare_special);border-radius:4px;box-shadow:0 8px 24px #0009;transition:opacity .3s,transform .3s;z-index:100;opacity:0;pointer-events:none}.achievement-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.achievement-toast.hidden{opacity:0;pointer-events:none}.achievement-toast .toast-title{color:var(--r-rare_special)}.achievement-toast .toast-name{font-weight:700;color:#fff;font-size:1rem;margin-bottom:.2rem}.achievement-toast .toast-reward{color:var(--r-rare_special);font-weight:600;font-size:.9rem}.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}.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-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-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.rarity-milspec-text{color:var(--r-milspec)}.rarity-restricted-text{color:var(--r-restricted)}.rarity-classified-text{color:var(--r-classified)}.rarity-covert-text{color:var(--r-covert)}.rarity-rare_special-text{color:var(--r-rare_special)}.result-name{font-size:1.4rem;color:#fff;font-weight:700;margin:.3rem 0}.result-condition{color:var(--muted);font-size:.9rem}.result-value{font-size:1.6rem;color:#a4d007;font-weight:700;margin:.6rem 0 1rem}.open-result .big-button{max-width:280px;margin:0 auto}@media(max-width:720px){.grid{grid-template-columns:1fr;padding:.6rem;gap:.6rem}.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}}