.case-sim-page{padding:20px 0}.cs-error,.cs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#888}.cs-loading-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#d4af37;border-radius:50%;animation:cs-spin .8s linear infinite}@keyframes cs-spin{to{transform:rotate(1turn)}}.cs-error i{font-size:32px;color:#ef4444}.cs-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.cs-header h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.cs-gold{color:#d4af37}.cs-subtitle{color:#777;font-size:14px;margin:4px 0 0}.cs-header-badges{display:flex;gap:8px;flex-wrap:wrap}.cs-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid}.cs-badge i{font-size:10px}.cs-badge--green{color:#22c55e;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25)}.cs-badge--blue{color:#3b82f6;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.25)}.cs-badge--purple{color:#a855f7;background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.25)}.cs-stats-bar{gap:0;padding:0;background:linear-gradient(145deg,#2a2a2a,#242424);border:1px solid #3a3a3a;border-radius:12px;margin-bottom:16px;overflow:hidden}.cs-stat,.cs-stats-bar{display:flex;align-items:center}.cs-stat{flex-direction:column;gap:2px;padding:12px 20px;min-width:0;flex:1;border-right:1px solid #333}.cs-stat:last-of-type{border-right:none}.cs-stat-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cs-stat-value{font-size:16px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.cs-stat--red{color:#ef4444!important}.cs-stat--green{color:#22c55e!important}.cs-stat-profit{background:rgba(255,255,255,.02)}.cs-stat-actions{gap:6px;padding:10px 14px}.cs-btn-icon,.cs-stat-actions{display:flex;align-items:center}.cs-btn-icon{position:relative;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid #444;color:#aaa;font-size:14px;cursor:pointer;transition:all .2s;justify-content:center}.cs-btn-icon:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#666}.cs-btn-icon--danger:hover{background:rgba(239,68,68,.15);color:#ef4444;border-color:rgba(239,68,68,.4)}.cs-badge-count{position:absolute;top:-4px;right:-4px;background:#d4af37;color:#000;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}.cs-main{display:flex;gap:16px}.cs-sidebar{width:280px;min-width:280px;background:linear-gradient(145deg,#2a2a2a,#242424);border:1px solid #3a3a3a;border-radius:12px;display:flex;flex-direction:column;max-height:80vh}.cs-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #333}.cs-sidebar-header h3{font-size:14px;font-weight:600;color:#fff;margin:0}.cs-case-count{font-size:12px;color:#666}.cs-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:10px 12px;background:rgba(0,0,0,.3);border:1px solid #333;border-radius:8px}.cs-search-box i{font-size:12px;color:#555}.cs-search-box input{flex:1;background:none;border:none;color:#ccc;font-size:13px;outline:none;min-width:0}.cs-search-box input::placeholder{color:#555}.cs-case-list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#444 transparent}.cs-case-list::-webkit-scrollbar{width:6px}.cs-case-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.cs-case-list::-webkit-scrollbar-track{background:transparent}.cs-case-card{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;margin-bottom:4px;background:rgba(255,255,255,.03);border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;color:#ccc}.cs-case-card:hover{background:rgba(255,255,255,.07);border-color:#444}.cs-case-card--active{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.35);box-shadow:0 0 20px rgba(212,175,55,.08)}.cs-case-card-img{width:64px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cs-case-card-img img{max-width:100%;max-height:100%;object-fit:contain}.cs-case-card-info{min-width:0;flex:1}.cs-case-card-name{display:block;font-size:12px;font-weight:600;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-case-card-price{display:block;font-size:11px;color:#666;margin-top:2px}.cs-opening-area{flex:1;min-width:0}.cs-reel-container{position:relative;overflow:hidden;background:linear-gradient(180deg,#1e1e1e,#252525,#1e1e1e);border:1px solid #3a3a3a;border-radius:12px;height:200px;margin-bottom:16px}.cs-reel-marker{position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;background:#d4af37;z-index:10;box-shadow:0 0 15px rgba(212,175,55,.5),0 0 40px rgba(212,175,55,.2)}.cs-reel-marker:after,.cs-reel-marker:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.cs-reel-marker:before{top:0;border-top:10px solid #d4af37}.cs-reel-marker:after{bottom:0;border-bottom:10px solid #d4af37}.cs-reel-gradient{position:absolute;top:0;width:100px;height:100%;z-index:5;pointer-events:none}.cs-reel-gradient--left{left:0;background:linear-gradient(90deg,#1e1e1e,transparent)}.cs-reel-gradient--right{right:0;background:linear-gradient(270deg,#1e1e1e,transparent)}.cs-reel-viewport{width:100%;height:100%;overflow:hidden}.cs-reel,.cs-reel-viewport{display:flex;align-items:center}.cs-reel{gap:4px;will-change:transform}.cs-reel-item{width:136px;min-width:136px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid #333;border-bottom:3px solid #666;border-radius:8px;padding:8px;transition:border-color .1s}.cs-reel-item img{max-width:110px;max-height:82px;object-fit:contain}.cs-reel-item-name{font-size:10px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.cs-reel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:200px;color:#666}.cs-reel-placeholder-case{opacity:.6}.cs-reel-placeholder p{font-size:14px;text-align:center}.cs-reel-placeholder kbd{display:inline-block;padding:2px 8px;background:#333;border:1px solid #555;border-radius:4px;font-family:inherit;font-size:12px;color:#d4af37}.cs-result{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);animation:cs-fade-in .3s ease-out;cursor:pointer}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-result-card{position:relative;text-align:center;padding:40px 50px;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid var(--rarity-color,#666);border-radius:16px;max-width:500px;width:90%;box-shadow:0 0 60px rgba(0,0,0,.8),0 0 120px color-mix(in srgb,var(--rarity-color,#666) 20%,transparent);animation:cs-result-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cs-result-enter{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cs-result-glow{position:absolute;inset:-2px;border-radius:18px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity-color,#666) 15%,transparent),transparent 70%);z-index:-1;filter:blur(30px);animation:cs-glow-pulse 2s ease-in-out infinite alternate}@keyframes cs-glow-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.cs-result-special-particles{position:absolute;inset:-20px;border-radius:20px;z-index:-1;background:radial-gradient(2px 2px at 20% 30%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 80% 70%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 50% 10%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 10% 80%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 90% 20%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 30% 90%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 70% 40%,#FFD700 50%,transparent 100%),radial-gradient(2px 2px at 40% 60%,#FFD700 50%,transparent 100%);animation:cs-particles 3s ease-in-out infinite alternate}@keyframes cs-particles{0%{opacity:.4;transform:rotate(0deg) scale(1)}to{opacity:1;transform:rotate(10deg) scale(1.15)}}.cs-result-img{margin-bottom:16px}.cs-result-img img{max-width:280px;max-height:210px;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.cs-result-stattrak{display:inline-block;padding:3px 10px;margin-bottom:8px;background:linear-gradient(135deg,#CF6A32,#E08D3C);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:4px;letter-spacing:.1em}.cs-result-name{font-size:20px;font-weight:700;margin:0 0 8px}.cs-result-meta{display:flex;gap:12px;justify-content:center;color:#999;font-size:13px;margin-bottom:12px}.cs-result-float-bar{max-width:280px;margin:0 auto 16px}.cs-result-float-track{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#22c55e 0,#22c55e 7%,#a3e635 0,#a3e635 15%,#eab308 0,#eab308 38%,#f97316 0,#f97316 45%,#ef4444 0,#ef4444)}.cs-result-float-pip{position:absolute;top:-4px;width:3px;height:14px;background:#fff;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 6px rgba(255,255,255,.6)}.cs-result-float-labels{display:flex;justify-content:space-between;font-size:9px;color:#666;margin-top:4px;padding:0 2px}.cs-result-value{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.cs-result-price{font-size:28px;font-weight:800;color:#fff}.cs-result-profit{font-size:16px;font-weight:700;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.05)}.cs-result-dismiss{color:#555;font-size:12px;margin-top:20px}.cs-controls{justify-content:space-between;gap:12px;margin-bottom:20px}.cs-controls,.cs-controls-main{display:flex;align-items:center;flex-wrap:wrap}.cs-controls-main{gap:10px}.cs-open-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#d4af37,#b8960c);color:#1a1a1a;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.2);letter-spacing:.01em}.cs-open-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(212,175,55,.45),inset 0 1px 0 rgba(255,255,255,.2)}.cs-open-btn:active:not(:disabled){transform:translateY(0)}.cs-open-btn:disabled{opacity:.5;cursor:not-allowed}.cs-open-btn--spinning{animation:cs-btn-pulse 1s ease-in-out infinite}@keyframes cs-btn-pulse{0%,to{opacity:.6}50%{opacity:.8}}.cs-open-btn-price{opacity:.7;font-size:13px;font-weight:600}.cs-bulk-btns{display:flex;gap:6px}.cs-bulk-btn{padding:10px 16px;border:1px solid #444;border-radius:8px;background:rgba(255,255,255,.05);color:#ccc;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cs-bulk-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#666;color:#fff}.cs-bulk-btn:disabled{opacity:.4;cursor:not-allowed}.cs-controls-settings{display:flex;align-items:center;gap:14px}.cs-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#888;user-select:none}.cs-toggle input{display:none}.cs-toggle-slider{position:relative;width:36px;height:20px;background:#333;border-radius:10px;transition:background .25s}.cs-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#888;border-radius:50%;transition:all .25s}.cs-toggle input:checked+.cs-toggle-slider{background:rgba(212,175,55,.3)}.cs-toggle input:checked+.cs-toggle-slider:after{left:18px;background:#d4af37}.cs-toggle-label{font-weight:600}.cs-speed-control{display:flex;align-items:center;gap:8px}.cs-speed-label{font-size:12px;font-weight:700;color:#d4af37;min-width:28px;text-align:center}.cs-speed-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,#333,#d4af37);outline:none}.cs-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#d4af37;cursor:pointer;box-shadow:0 0 6px rgba(212,175,55,.4)}.cs-speed-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#d4af37;cursor:pointer}.cs-drop-rates{background:linear-gradient(145deg,#2a2a2a,#242424);border:1px solid #3a3a3a;border-radius:12px;padding:16px 20px;margin-bottom:16px}.cs-drop-rates h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px}.cs-drop-rates-grid{gap:8px}.cs-drop-rate,.cs-drop-rates-grid{display:flex;flex-direction:column}.cs-drop-rate{gap:3px}.cs-drop-rate-bar{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}.cs-drop-rate-fill{height:100%;border-radius:3px;background:var(--rate-color);transition:width .5s ease-out}.cs-drop-rate-info{display:flex;justify-content:space-between;align-items:center}.cs-drop-rate-name{font-size:12px;font-weight:600;color:var(--rate-color)}.cs-drop-rate-pct{font-size:12px;color:#888;font-variant-numeric:tabular-nums}.cs-drop-rate-actual{font-size:11px;color:#555;font-variant-numeric:tabular-nums}.cs-contents{background:linear-gradient(145deg,#2a2a2a,#242424);border:1px solid #3a3a3a;border-radius:12px;padding:16px 20px;margin-bottom:16px}.cs-contents h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 14px;display:flex;align-items:center;gap:8px}.cs-contents-count{font-size:12px;color:#666;font-weight:400}.cs-contents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.cs-content-item,a.cs-content-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:rgba(255,255,255,.03);border:1px solid;border-radius:8px;transition:all .2s;text-decoration:none;color:inherit;cursor:pointer}.cs-content-item:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}.cs-content-item img{max-width:90px;max-height:68px;object-fit:contain}.cs-content-item-name{font-size:10px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.cs-content-item-price{font-size:11px;color:#888;font-weight:600}.cs-content-item--special{background:rgba(255,215,0,.04)}.cs-contents-divider{grid-column:1/-1;text-align:center;padding:8px 0;border-top:1px solid #333;margin-top:4px;font-size:12px;font-weight:600}.cs-contents-divider i{margin-right:4px}.cs-inventory-overlay{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;animation:cs-fade-in .2s ease-out}.cs-inventory{width:420px;max-width:100%;height:100%;background:linear-gradient(180deg,#2a2a2a,#222);border-left:1px solid #3a3a3a;display:flex;flex-direction:column;animation:cs-slide-in .3s ease-out}@keyframes cs-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.cs-inventory-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.cs-inventory-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.cs-inventory-summary{padding:12px 20px;border-bottom:1px solid #333}.cs-rarity-summary{display:flex;flex-wrap:wrap;gap:6px}.cs-rarity-pill{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid}.cs-inventory-list{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#444 transparent}.cs-inventory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#555;gap:12px}.cs-inventory-empty i{font-size:40px}.cs-inv-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:4px;background:rgba(255,255,255,.03);border-radius:6px;border-left:3px solid;transition:background .15s}.cs-inv-item:hover{background:rgba(255,255,255,.06)}.cs-inv-item-img{width:60px;flex-shrink:0}.cs-inv-item-img img{max-width:100%;object-fit:contain}.cs-inv-item-info{flex:1;min-width:0}.cs-inv-item-name{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-st-badge{display:inline-block;padding:1px 4px;margin-right:4px;background:#CF6A32;color:#fff;font-size:9px;font-weight:700;border-radius:3px;vertical-align:middle}.cs-inv-item-meta{display:block;font-size:11px;color:#666;margin-top:2px}.cs-inv-item-price{font-size:13px;font-weight:700;color:#fff;white-space:nowrap}.cs-faq{margin-top:32px;padding:24px;background:linear-gradient(145deg,#2a2a2a,#242424);border:1px solid #3a3a3a;border-radius:12px}.cs-faq h2{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px}.cs-faq-grid{display:flex;flex-direction:column;gap:4px}.cs-faq-item{border:1px solid #333;border-radius:8px;overflow:hidden;transition:border-color .2s}.cs-faq-item[open]{border-color:rgba(212,175,55,.3)}.cs-faq-item summary{padding:14px 16px;cursor:pointer;font-size:14px;font-weight:600;color:#ddd;list-style:none;transition:color .2s}.cs-faq-item summary::-webkit-details-marker{display:none}.cs-faq-item summary:before{content:"+";display:inline-block;width:20px;margin-right:8px;color:#d4af37;font-weight:700;font-size:16px}.cs-faq-item[open] summary:before{content:"\2212"}.cs-faq-item summary:hover{color:#fff}.cs-faq-item p{padding:0 16px 14px 44px;margin:0;font-size:13px;color:#999;line-height:1.6}@media (max-width:900px){.cs-main,.cs-sidebar{flex-direction:column}.cs-sidebar{width:100%;min-width:0;max-height:none}.cs-case-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:240px}.cs-stats-bar{flex-wrap:wrap}.cs-stat{padding:10px 12px}.cs-stat-value{font-size:14px}.cs-controls{flex-direction:column;align-items:stretch}.cs-controls-main,.cs-controls-settings{justify-content:center}.cs-contents-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cs-inventory{width:100%}}@media (max-width:600px){.cs-header{flex-direction:column}.cs-header h1{font-size:1.4rem}.cs-stats-bar{gap:0}.cs-stat{padding:8px}.cs-stat-value{font-size:12px}.cs-stat-label{font-size:9px}.cs-open-btn{padding:12px 20px;font-size:14px;width:100%;justify-content:center}.cs-bulk-btns{width:100%}.cs-bulk-btn{flex:1;text-align:center}.cs-result-card{padding:24px 20px}.cs-result-name{font-size:16px}.cs-result-price{font-size:22px}.cs-reel-container{height:160px}.cs-reel-item{width:100px;min-width:100px;height:120px}.cs-reel-item img{max-width:80px;max-height:60px}.cs-case-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}