:root{--bg-dark-900: #0a0a0c;--bg-dark-800: #111115;--bg-dark-700: #1b1b22;--bg-dark-600: #262630;--accent-red: #ff3333;--accent-red-hover: #ff5555;--accent-red-glow: rgba(255, 51, 51, .45);--accent-red-dark: #cc0000;--text-primary: #f5f5f7;--text-secondary: #a0a0ab;--text-muted: #6e6e77;--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 51, 51, .3);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-dark-900);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-900)}::-webkit-scrollbar-thumb{background:var(--bg-dark-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red-glow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 16px}.panel{background:#1b1b2273;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;padding:12px 24px;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);border:none;font-size:.95rem}.btn-primary{background:var(--accent-red);color:#fff;box-shadow:0 4px 20px #ff333359}.btn-primary:hover{background:var(--accent-red-hover);box-shadow:0 6px 24px #ff333380;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-dark-700);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-dark-600);border-color:var(--text-muted)}.btn-accent-outline{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);box-shadow:0 0 10px #ff33331a}.btn-accent-outline:hover{background:#ff33331a;box-shadow:0 0 15px var(--accent-red-glow)}.header{background:#0a0a0cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.8rem;font-weight:800;text-transform:uppercase;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em}.logo span{color:var(--accent-red);text-shadow:0 0 15px var(--accent-red-glow)}.nav-links{display:flex;gap:20px}.nav-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1rem;padding:8px 16px;border-radius:6px;transition:var(--transition-smooth);display:flex;align-items:center;gap:6px}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0d}.nav-link.active{border-bottom:2px solid var(--accent-red);border-radius:6px 6px 0 0}.user-controls{display:flex;align-items:center;gap:16px}.balance-card{background:linear-gradient(135deg,var(--bg-dark-800) 0%,var(--bg-dark-700) 100%);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-weight:700;font-family:var(--font-display);color:gold;cursor:pointer;transition:var(--transition-smooth)}.balance-card:hover{border-color:gold;box-shadow:0 0 10px #ffd70033}.user-profile-menu{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#ffffff08;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth)}.user-profile-menu:hover{background:#ffffff0f}.avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.live-feed{height:72px;background:#11111599;border-bottom:1px solid var(--border-color);display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:8px;padding:0 16px;scroll-behavior:smooth}.live-feed::-webkit-scrollbar{height:3px}.live-feed-title{display:flex;align-items:center;gap:6px;padding-right:16px;border-right:1px solid var(--border-color);color:var(--accent-red);font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.live-drop-card{display:inline-flex;align-items:center;gap:8px;width:155px;height:56px;padding:4px 8px;background:#1b1b22cc;border-radius:6px;border-bottom:3px solid var(--rarity-color);position:relative;overflow:hidden;transition:var(--transition-smooth);cursor:pointer;flex-shrink:0}.live-drop-card:hover{transform:translateY(-2px);background:#262630e6}.live-drop-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom,var(--rarity-glow) 0%,transparent 60%);opacity:.7}.live-drop-image{width:44px;height:34px;flex-shrink:0;z-index:1;display:flex;align-items:center;justify-content:center}.live-drop-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.live-drop-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:1;flex-grow:1}.live-drop-weapon{font-size:.72rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-drop-skin{font-size:.62rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-drop-hover-overlay{position:absolute;top:100%;left:0;width:100%;height:100%;background:#0a0a0cf2;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:5;font-size:.72rem;font-weight:700;color:var(--accent-red);border-bottom:3px solid var(--rarity-color);padding:0 4px;text-align:center}.live-drop-hover-overlay span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.live-drop-card:hover .live-drop-hover-overlay{top:0}.hero-banner{background:linear-gradient(135deg,#ff33331a,#0a0a0c00 60%),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cpath d="M0 0 L100 0 L100 100 Z" fill="rgba(255, 51, 51, 0.01)"/%3E%3C/svg%3E');border:1px solid var(--border-color);border-radius:20px;padding:48px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;width:300px;height:300px;background:var(--accent-red-glow);filter:blur(150px);top:-150px;right:-50px;border-radius:50%;pointer-events:none}.hero-text h1{font-size:3rem;margin-bottom:12px;line-height:1.1}.hero-text p{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin-bottom:24px}.case-category{margin-bottom:48px}.category-title{font-size:1.5rem;margin-bottom:24px;display:flex;align-items:center;gap:10px;border-left:4px solid var(--accent-red);padding-left:12px}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.case-card{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:16px;padding:24px;text-align:center;transition:var(--transition-bounce);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.case-card:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(circle,var(--case-glow) 0%,transparent 70%);top:10%;opacity:.3;transition:var(--transition-smooth)}.case-card:hover{transform:translateY(-8px);border-color:var(--case-color);box-shadow:0 12px 30px #0006,0 0 15px #ffffff0d}.case-card:hover:before{opacity:.6;transform:scale(1.2)}.case-image{font-size:4.5rem;margin-bottom:16px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));transition:var(--transition-bounce);height:90px;display:flex;align-items:center;justify-content:center}.case-image img{width:120px;height:90px;object-fit:contain}.case-card:hover .case-image{transform:scale(1.1) rotate(5deg)}.case-name{font-size:1.15rem;font-weight:700;margin-bottom:6px;font-family:var(--font-display)}.case-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:16px;height:36px;overflow:hidden}.case-price{background:#ffffff0a;border:1px solid var(--border-color);border-radius:30px;padding:6px 16px;font-weight:800;color:gold;font-family:var(--font-display);font-size:.95rem;transition:var(--transition-smooth);display:flex;align-items:center;gap:4px}.case-card:hover .case-price{background:#ffd70026;border-color:gold}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:420px;padding:32px;box-shadow:0 20px 50px #0009,0 0 30px var(--accent-red-glow);position:relative;animation:modalEnter .3s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.close-btn:hover{color:var(--text-primary);transform:rotate(90deg)}.modal-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:24px}.modal-tab{flex:1;text-align:center;padding:12px;font-family:var(--font-display);font-weight:700;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;transition:var(--transition-smooth)}.modal-tab.active{color:var(--accent-red);border-color:var(--accent-red)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.form-input{width:100%;background:var(--bg-dark-700);border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 10px #f333}.modal-error{color:#f33;font-size:.8rem;margin-bottom:12px}.case-header-section{text-align:center;margin-bottom:32px;display:flex;flex-direction:column;align-items:center;gap:12px}.case-header-back{align-self:flex-start}.case-header-title{font-size:2.5rem;text-shadow:0 0 20px var(--accent-red-glow)}.case-header-price-tag{font-size:1.5rem;font-weight:800;color:gold;font-family:var(--font-display)}.roulette-grid{display:flex;flex-wrap:wrap;gap:16px;width:100%;justify-content:center;margin-bottom:24px}.roulette-grid .roulette-container{width:100%;margin-bottom:0}.roulette-grid.count-2 .roulette-container{width:calc(50% - 8px)}.roulette-grid.count-5 .roulette-container{width:calc(33.333% - 11px)}@media (max-width: 992px){.roulette-grid.count-5 .roulette-container{width:calc(50% - 8px)}}@media (max-width: 600px){.roulette-grid.count-2 .roulette-container,.roulette-grid.count-5 .roulette-container{width:100%}}.roulette-container{position:relative;width:100%;height:150px;background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:inset 0 0 30px #000c}.roulette-container.size-medium{height:110px;margin-bottom:12px}.roulette-container.size-medium .roulette-card{width:90px;height:90px;margin:0 3px}.roulette-container.size-medium .roulette-card-graphic{width:50px;height:32px;margin:4px 0}.roulette-container.size-medium .roulette-card-weapon{font-size:.65rem}.roulette-container.size-medium .roulette-card-skin{font-size:.55rem}.roulette-container.size-small{height:85px;margin-bottom:8px}.roulette-container.size-small .roulette-card{width:70px;height:70px;margin:0 2px}.roulette-container.size-small .roulette-card-graphic{width:40px;height:25px;margin:2px 0}.roulette-container.size-small .roulette-card-weapon{font-size:.55rem}.roulette-container.size-small .roulette-card-skin{display:none}.roulette-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:var(--accent-red);box-shadow:0 0 15px var(--accent-red),0 0 30px var(--accent-red);z-index:10}.roulette-track{display:flex;height:100%;align-items:center;will-change:transform;transform:translateZ(0)}.roulette-card{flex-shrink:0;width:130px;height:120px;margin:0 4px;background:var(--bg-dark-700);border-radius:8px;border-bottom:4px solid var(--rarity-color);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.roulette-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom,var(--rarity-glow) 0%,transparent 60%);opacity:.4}.roulette-card-weapon{font-size:.75rem;font-weight:800;text-align:center;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;z-index:1}.roulette-card-skin{font-size:.65rem;color:var(--text-secondary);text-align:center;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;z-index:1}.roulette-card-graphic{width:70px;height:45px;margin:6px 0;border-radius:4px;background:var(--gradient);box-shadow:0 4px 8px #0000004d;z-index:1;position:relative}.weapon-line{position:absolute;background:#fff6;height:2px}.weapon-dot{position:absolute;background:#fff;border-radius:50%}.open-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:48px}.multi-open-tabs{display:flex;background:var(--bg-dark-700);border:1px solid var(--border-color);padding:4px;border-radius:8px;gap:4px}.multi-tab{padding:8px 16px;font-family:var(--font-display);font-weight:700;border-radius:6px;cursor:pointer;transition:var(--transition-smooth)}.multi-tab.active{background:var(--accent-red);color:#fff}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input{accent-color:var(--accent-red);width:16px;height:16px}.case-items-title{font-size:1.3rem;margin-bottom:24px;text-align:center}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.skin-item-card{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:4px solid var(--rarity-color);transition:var(--transition-bounce)}.skin-item-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom,var(--rarity-glow) 0%,transparent 60%);opacity:.3}.skin-item-card:hover{transform:translateY(-4px);border-color:var(--rarity-color);box-shadow:0 8px 20px #0000004d}.skin-weapon{font-size:.85rem;font-weight:800;text-align:center;z-index:1}.skin-name{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-bottom:8px;z-index:1}.skin-graphic{width:90px;height:60px;border-radius:6px;background:var(--gradient);margin-bottom:12px;box-shadow:0 4px 10px #0006;z-index:1}.skin-price{font-weight:700;font-size:.85rem;color:gold;font-family:var(--font-display);z-index:1}.multi-drop-results{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px;max-height:400px;overflow-y:auto;padding:8px;border-radius:8px;background:#0003}.win-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1100}.win-modal-content{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:24px;padding:40px;width:90%;max-width:500px;text-align:center;box-shadow:0 10px 40px #0009,0 0 40px var(--rarity-glow);border-bottom:6px solid var(--rarity-color);animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.win-modal-header{font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.win-title-weapon{font-size:2.2rem;font-weight:800;line-height:1.1}.win-title-skin{font-size:1.6rem;color:var(--text-secondary);margin-bottom:24px}.win-graphic-large{width:240px;height:150px;margin:0 auto 24px;border-radius:12px;background:var(--gradient);box-shadow:0 10px 30px #00000080;position:relative}.win-price-display{font-size:1.8rem;font-weight:800;color:gold;margin-bottom:32px;font-family:var(--font-display)}.win-actions{display:flex;gap:16px;justify-content:center}.profile-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.profile-info{display:flex;align-items:center;gap:16px}.profile-avatar{width:80px;height:80px;font-size:2.5rem;border-radius:50%;background:var(--accent-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 0 20px var(--accent-red-glow)}.profile-name-section h2{font-size:2rem;margin-bottom:4px}.profile-name-section p{color:var(--text-secondary)}.profile-actions{display:flex;gap:12px}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.inventory-title-count{font-size:1.25rem;display:flex;align-items:center;gap:8px}.inventory-title-count span{font-size:.9rem;background:#ffffff0f;padding:2px 10px;border-radius:20px;color:var(--text-secondary)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.inventory-card{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:4px solid var(--rarity-color);transition:var(--transition-smooth)}.inventory-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at bottom,var(--rarity-glow) 0%,transparent 60%);opacity:.3}.inventory-card-weapon{font-size:.85rem;font-weight:800;text-align:center;z-index:1}.inventory-card-skin{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-bottom:8px;z-index:1}.inventory-card-graphic{width:90px;height:60px;border-radius:6px;background:var(--gradient);margin-bottom:12px;box-shadow:0 4px 10px #0006;z-index:1}.roulette-card-graphic img,.skin-graphic img,.inventory-card-graphic img,.win-graphic-large img,.upgrade-selector-card-graphic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.inventory-card-price{font-weight:700;font-size:.85rem;color:gold;font-family:var(--font-display);z-index:1;margin-bottom:12px}.inventory-card-actions{display:flex;gap:8px;width:100%;z-index:2}.inventory-card-btn{flex:1;padding:6px;border-radius:6px;font-size:.75rem;font-weight:700;font-family:var(--font-display);cursor:pointer;border:none;transition:var(--transition-smooth)}.inventory-card-btn-sell{background:#ffd7001a;color:gold;border:1px solid rgba(255,215,0,.3)}.inventory-card-btn-sell:hover{background:gold;color:#000}.upgrade-layout{display:grid;grid-template-columns:1fr 340px 1fr;gap:24px;align-items:center;margin-top:24px}.upgrade-selector-panel{height:480px;display:flex;flex-direction:column}.upgrade-panel-title{font-size:1.15rem;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.upgrade-item-selector-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding-right:8px}.upgrade-selector-card{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:var(--transition-smooth);border-bottom:3px solid var(--rarity-color);position:relative}.upgrade-selector-card.selected{border-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red-glow);transform:scale(.95)}.upgrade-selector-card-name{font-size:.75rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.upgrade-selector-card-skin{font-size:.65rem;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:4px}.upgrade-selector-card-graphic{width:60px;height:40px;border-radius:4px;background:var(--gradient);margin-bottom:6px}.upgrade-selector-card-price{font-size:.75rem;font-weight:700;color:gold;font-family:var(--font-display)}.upgrade-center-arena{display:flex;flex-direction:column;align-items:center;gap:24px}.upgrade-wheel-outer{position:relative;width:200px;height:200px;border-radius:50%;background:var(--bg-dark-800);border:4px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #00000080;overflow:hidden}.upgrade-wheel-canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.upgrade-wheel-center{width:130px;height:130px;border-radius:50%;background:var(--bg-dark-900);border:2px solid var(--border-color);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.upgrade-chance-display{font-size:2rem;font-family:var(--font-display);font-weight:800}.upgrade-wheel-arrow{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid var(--accent-red);filter:drop-shadow(0 0 5px var(--accent-red));z-index:5}.selected-item-view{width:100%;min-height:160px;background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-bottom:4px solid var(--rarity-color, var(--border-color))}.selected-item-placeholder{color:var(--text-muted);font-size:.9rem;text-align:center}.contract-arena{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:24px}.contract-items-container{min-height:480px;display:flex;flex-direction:column}.contract-slots-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.contract-slot{aspect-ratio:1;background:#ffffff05;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.contract-slot:hover{background:#ffffff0a;border-color:var(--text-muted)}.contract-slot.filled{border:1px solid var(--border-color);border-style:solid;border-bottom:3px solid var(--rarity-color);background:var(--bg-dark-800)}.contract-slot-remove{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#f003;color:#f33;display:flex;align-items:center;justify-content:center;font-size:.6rem;cursor:pointer;z-index:10}.contract-slot-remove:hover{background:#f33;color:#fff}.contract-outcome-info{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.contract-outcome-title{font-size:1.15rem;border-bottom:1px solid var(--border-color);padding-bottom:8px}.contract-outcome-row{display:flex;justify-content:space-between;font-size:.95rem}.contract-outcome-row span:last-child{font-family:var(--font-display);font-weight:700}.contract-sign-section{text-align:center;margin-top:16px}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.shaking{animation:shake .1s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 3s cubic-bezier(.1,.8,.1,1) forwards}.alert-box{background:#ff333314;border:1px solid var(--accent-red);border-radius:8px;padding:12px;color:var(--text-primary);font-size:.9rem;margin-bottom:16px}@media (max-width: 1024px){.upgrade-layout{grid-template-columns:1fr}.upgrade-selector-panel{height:300px}.contract-arena{grid-template-columns:1fr}.contract-slots-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.header{flex-direction:column;gap:16px;padding:16px}.hero-banner{padding:24px;flex-direction:column;text-align:center;gap:24px}.hero-text h1{font-size:2.2rem}.nav-links{width:100%;justify-content:center;overflow-x:auto}.contract-slots-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.contract-slots-grid{grid-template-columns:repeat(2,1fr)}.cases-grid{grid-template-columns:1fr}}.online-badge{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border-color);padding:6px 12px;border-radius:8px;font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary)}.online-pulse{width:8px;height:8px;border-radius:50%;background:var(--text-muted);position:relative}.online-pulse.active{background:#39ff14;box-shadow:0 0 8px #39ff14}.online-pulse.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#39ff14;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.battles-container{display:flex;flex-direction:column;gap:24px;width:100%;animation:fadeIn .4s ease-out}.lobby-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lobby-header-section h2{font-size:1.8rem;font-weight:800;color:#fff}.lobby-header-section p{color:var(--text-secondary);font-size:.95rem}.empty-lobby-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.battles-table{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.battles-table .table-header{display:grid;grid-template-columns:100px 1.5fr 1.2fr 100px 120px 150px;padding:16px 20px;background:var(--panel-darker);font-weight:700;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color)}.battles-table .table-row{display:grid;grid-template-columns:100px 1.5fr 1.2fr 100px 120px 150px;padding:16px 20px;align-items:center;border-bottom:1px solid var(--border-color);transition:var(--transition-smooth)}.battles-table .table-row:hover{background:#ffffff05}.cell-id{display:flex;align-items:center;gap:8px;font-weight:700}.overlapping-cases-row{display:flex;align-items:center}.overlapping-cases-row img{width:36px;height:28px;object-fit:contain;margin-right:-10px;border:1px solid rgba(255,255,255,.1);background:var(--bg-dark-900);border-radius:4px}.more-cases-badge{width:26px;height:26px;background:var(--accent-red);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:14px}.cell-players{display:flex;align-items:center;gap:12px}.players-avatars{display:flex;align-items:center}.small-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:-6px;border:2px solid var(--bg-dark-800)}.cell-cost .cost-val{font-weight:700;color:gold;font-family:var(--font-display)}.status-dot{font-size:.85rem;display:flex;align-items:center;gap:6px}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%}.status-dot.waiting:before{background:#fb0;box-shadow:0 0 8px #fb0}.status-dot.active:before{background:#39ff14;box-shadow:0 0 8px #39ff14}.status-dot.completed:before{background:#888}.battle-creator{display:flex;flex-direction:column;gap:20px}.creator-header{display:flex;align-items:center;gap:16px}.creator-workspace{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.creator-cases-catalog{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:12px;padding:20px}.catalog-filters{margin-bottom:20px}.creator-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.creator-case-card{background:var(--bg-dark-900);border:1px solid var(--border-color);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:var(--transition-smooth)}.creator-case-card img{width:70px;height:50px;object-fit:contain;margin-bottom:8px}.creator-case-info{display:flex;flex-direction:column;align-items:center;gap:2px}.creator-case-info .name{font-size:.75rem;font-weight:700;text-align:center}.creator-case-info .price{font-size:.8rem;color:gold;font-weight:700}.add-case-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;background:var(--accent-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth);border:none}.creator-case-card:hover .add-case-btn{opacity:1}.creator-case-card:hover{border-color:var(--accent-red)}.creator-sidebar{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.creator-option label{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);display:block;margin-bottom:8px}.players-selector-tabs{display:flex;background:var(--bg-dark-900);padding:4px;border-radius:8px;border:1px solid var(--border-color)}.selector-tab{flex:1;padding:8px 4px;border-radius:6px;font-weight:700;font-size:.8rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.selector-tab.active{background:var(--accent-red);color:#fff}.creator-selected-cases-box label{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);display:block;margin-bottom:8px}.selected-cases-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.selected-case-item{display:flex;align-items:center;gap:10px;background:var(--bg-dark-900);border:1px solid var(--border-color);border-radius:6px;padding:8px;position:relative}.selected-case-item img{width:36px;height:26px;object-fit:contain}.selected-case-item .name{font-size:.75rem;flex:1}.selected-case-item .price{font-size:.75rem;color:gold;font-weight:700;margin-right:20px}.selected-case-item .remove-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;position:absolute;right:8px}.selected-case-item .remove-btn:hover{color:var(--accent-red)}.empty-selection-placeholder{padding:30px 10px;text-align:center;color:var(--text-secondary);font-size:.85rem;border:1px dashed var(--border-color);border-radius:8px}.creator-summary-cost{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:12px}.creator-summary-cost .cost{font-size:1.4rem;font-weight:800;color:gold;font-family:var(--font-display)}.create-action-btn{width:100%;padding:12px}.battle-arena{display:flex;flex-direction:column;gap:20px}.arena-header{display:flex;justify-content:space-between;align-items:center}.arena-cost-badge{background:gold;color:#000;font-weight:800;font-family:var(--font-display);padding:4px 10px;border-radius:6px;font-size:.9rem}.arena-cases-timeline{display:flex;gap:8px;background:var(--bg-dark-800);border:1px solid var(--border-color);padding:12px;border-radius:12px;overflow-x:auto}.timeline-case-card{width:60px;height:60px;background:var(--bg-dark-900);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;opacity:.5;transition:var(--transition-smooth)}.timeline-case-card.active{opacity:1;border-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red);transform:scale(1.05)}.timeline-case-card.past{opacity:.9;border-color:#fff3}.timeline-case-card img{width:40px;height:30px;object-fit:contain}.timeline-case-card span{position:absolute;bottom:2px;right:4px;font-size:.65rem;font-weight:700;color:var(--text-secondary)}.arena-players-columns{display:grid;gap:16px;align-items:start}.arena-player-column{background:var(--bg-dark-800);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:400px;position:relative}.arena-player-column.empty{justify-content:center;align-items:center;text-align:center;border:2px dashed var(--border-color)}.empty-slot-avatar{width:64px;height:64px;border-radius:50%;background:var(--panel-darker);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:12px}.player-column-header{border-bottom:1px solid var(--border-color);padding-bottom:12px}.player-meta{display:flex;align-items:center;gap:12px}.player-meta h4{font-size:1.1rem;font-weight:700}.player-total-sum{font-weight:800;color:gold;font-family:var(--font-display)}.winner-crown{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:gold;color:#000;font-weight:800;font-size:.75rem;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;box-shadow:0 0 15px gold}.winner-glow{border-color:gold!important;box-shadow:0 0 25px #daa5204d!important}.round-opening-container{height:160px;background:var(--bg-dark-900);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.rolled-reveal-card{width:140px;text-align:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.rolled-reveal-card img{width:90px;height:60px;object-fit:contain;margin:0 auto 8px;background:var(--gradient);border-radius:6px;padding:4px}.rolled-reveal-card .item-price{font-size:.8rem;color:gold;font-weight:700}.rolled-reveal-card .item-name{font-size:.75rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rolled-reveal-card .item-skin{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rolling-skeleton{display:flex;flex-direction:column;align-items:center;gap:8px}.spinning-scanner{width:40px;height:40px;border:4px solid var(--accent-red);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.player-rolls-history h5{font-size:.85rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.rolls-list-grid{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto}.history-roll-card{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px}.history-roll-card img{width:32px;height:22px;object-fit:contain}.roll-info{display:flex;flex-direction:column;flex-grow:1}.roll-name{font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roll-price{font-size:.7rem;color:gold}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}