@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Bebas+Neue&family=Share+Tech+Mono&display=swap";.progress-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:progressFadeIn .25s ease-out}@keyframes progressFadeIn{0%{opacity:0}to{opacity:1}}.progress-modal{background:linear-gradient(135deg,#151820,#10121a);border:1px solid rgba(245,166,35,.35);border-radius:12px;padding:28px 32px;min-width:320px;max-width:420px;box-shadow:0 0 60px #0009,0 0 40px #f5a62314;animation:progressSlideIn .3s ease-out}@keyframes progressSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.progress-modal-title{font-family:var(--font-head);font-size:22px;letter-spacing:3px;color:var(--gold);text-align:center;margin-bottom:20px}.progress-modal-body{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.progress-modal-level-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#f5a62314;border-radius:8px;border:1px solid rgba(245,166,35,.2)}.progress-modal-level-old{font-family:var(--font-mono);font-size:14px;color:var(--text-dim)}.progress-modal-level-arrow{font-size:18px;color:var(--gold)}.progress-modal-level-new{font-family:var(--font-head);font-size:20px;color:var(--gold)}.progress-modal-points-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:14px}.progress-modal-points-label{color:var(--text-dim)}.progress-modal-points-old{color:var(--text-mute)}.progress-modal-points-delta{font-weight:700}.progress-modal-points-delta.positive{color:var(--green)}.progress-modal-points-delta.negative{color:var(--red)}.progress-modal-points-new{color:var(--text)}.progress-modal-btn{width:100%;padding:12px}.auth-loading{color:var(--text-mute);font-size:12px}.auth-logged{display:flex;align-items:center;gap:10px}.auth-profile-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;padding:4px 8px;border-radius:6px;transition:background .2s}.auth-profile-link:hover{background:#f5a62314;color:var(--gold)}.auth-avatar{width:32px;height:32px;border-radius:4px;object-fit:cover;border:1px solid var(--border2)}.auth-level{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;padding:2px 6px;border-radius:2px}.auth-level-circle{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;font-weight:700;flex-shrink:0}.auth-name{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-steam-id{font-family:var(--font-mono);font-size:11px;color:var(--green);background:#4ade8014;padding:4px 10px;border-radius:2px}.auth-btn-logout{background:transparent;border:1px solid var(--border2);color:var(--text-dim);padding:6px 12px;border-radius:3px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .15s}.auth-btn-logout:hover{color:var(--text);border-color:var(--border)}.auth-btn-login{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#1b2838,#2a475e,#1b2838);border:1px solid #66c0f4;color:#c7d5e0;padding:10px 18px;border-radius:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-decoration:none;cursor:pointer;transition:all .25s;box-shadow:0 2px 12px #0006,inset 0 1px #ffffff0f}.auth-btn-login:hover{background:linear-gradient(135deg,#2a475e,#1b2838);color:#fff;border-color:#8bb4d4;box-shadow:0 0 20px #66c0f44d;transform:translateY(-1px)}.auth-steam-icon{display:inline-block;width:20px;height:20px;background:url(https://store.steampowered.com/favicon.ico) center/contain no-repeat;opacity:.95}.auth-name--vip{color:var(--gold);font-weight:600}.auth-vip-badge{margin-left:4px;padding:1px 5px;border-radius:2px;font-size:9px;letter-spacing:1px;font-weight:700;background:linear-gradient(135deg,var(--gold),#c9a227);color:#0a0a0a}.hamburger-nav-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hamburger-nav-wrap>.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hamburger-nav-extra{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--border2);border-radius:8px;cursor:pointer;transition:all .2s;margin-left:auto}.hamburger-btn:hover{border-color:var(--gold);background:var(--gold-glow)}.hamburger-bar{display:block;width:100%;height:2px;background:var(--text-dim);border-radius:1px;transition:transform .3s,opacity .3s}.hamburger-btn[aria-expanded=true] .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0}.hamburger-btn[aria-expanded=true] .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9998}@media (max-width: 900px){.hamburger-btn{display:flex}.hamburger-nav{position:fixed;top:0;right:0;height:100vh;width:min(300px,85vw);background:linear-gradient(180deg,#0d0f16,#141722);border-left:1px solid var(--border);flex-direction:column;align-items:stretch;padding:80px 24px 24px;gap:12px;box-shadow:-8px 0 32px #00000080;transform:translate(100%);transition:transform .3s ease;z-index:9999}.hamburger-nav--open{transform:translate(0)}.hamburger-nav .nav-links{flex-direction:column;align-items:stretch;gap:4px}.hamburger-nav .nav-link{padding:14px 16px;font-size:14px}.hamburger-nav .nav-auth{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.hamburger-backdrop{display:block}}.home-page{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.home-header{background:linear-gradient(180deg,rgba(8,10,15,.98) 0%,transparent 100%);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-main{flex:1;position:relative;z-index:5}.home-header .nav-link.active{color:var(--gold);background:var(--gold-glow)}.home-hero{position:relative;text-align:center;padding:clamp(80px,14vw,140px) 24px clamp(60px,10vw,100px);max-width:900px;margin:0 auto;overflow:hidden}.home-hero-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(245,166,35,.08) 0%,transparent 65%);pointer-events:none}.home-hero-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;color:var(--gold);background:#f5a62314;border:1px solid rgba(245,166,35,.2);padding:6px 16px;border-radius:20px;margin-bottom:28px}.home-hero-title{font-family:var(--font-head);font-size:clamp(48px,9vw,80px);letter-spacing:.06em;color:#fff;line-height:1;margin-bottom:24px}.home-hero-accent{background:linear-gradient(135deg,var(--gold) 0%,#ffe08a 50%,var(--gold-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-sub{font-family:var(--font-body);font-size:clamp(16px,2.2vw,19px);color:var(--text-dim);line-height:1.6;letter-spacing:.01em;margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto}.home-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:48px}.home-hero-stats{display:flex;align-items:center;justify-content:center;gap:28px}.home-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.home-stat-num{font-family:var(--font-head);font-size:26px;color:#fff;letter-spacing:.05em}.home-stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--text-mute)}.home-stat-sep{width:1px;height:28px;background:var(--border2)}.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;padding:14px 28px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .25s ease;border:1px solid transparent;position:relative}.home-btn-icon{font-size:10px}.home-btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0a0a;border-color:#f5a62380;box-shadow:0 4px 24px #f5a62333}.home-btn-primary:hover{box-shadow:0 8px 32px #f5a62359;transform:translateY(-2px)}.home-btn-glass{background:#ffffff0a;color:var(--text);border-color:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-btn-glass:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 20px #ffffff0d;transform:translateY(-2px)}.home-btn-lg{padding:16px 40px;font-size:12px}.home-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;color:var(--gold);text-align:center;margin-bottom:8px}.home-section-desc{font-family:var(--font-body);font-size:15px;color:var(--text-mute);text-align:center;margin-bottom:40px;letter-spacing:.02em}.home-features{padding:60px 24px 80px;border-top:1px solid var(--border)}.home-features-inner{max-width:1100px;margin:0 auto}.home-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hf-card{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:32px 28px;display:flex;flex-direction:column;text-decoration:none;overflow:hidden;transition:all .3s ease}.hf-card-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:120px;border-radius:50%;opacity:0;transition:opacity .3s;pointer-events:none}.hf-glow-gold{background:radial-gradient(ellipse,rgba(245,166,35,.12) 0%,transparent 70%)}.hf-glow-green{background:radial-gradient(ellipse,rgba(74,222,128,.12) 0%,transparent 70%)}.hf-glow-blue{background:radial-gradient(ellipse,rgba(59,130,246,.12) 0%,transparent 70%)}.hf-card:hover{border-color:var(--border2);transform:translateY(-6px);box-shadow:0 16px 48px #0006}.hf-card:hover .hf-card-glow{opacity:1}.hf-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.hf-icon-gold{background:#f5a6231a;color:var(--gold)}.hf-icon-green{background:#4ade801a;color:var(--green)}.hf-icon-blue{background:#3b82f61a;color:var(--blue)}.hf-card h3{font-family:var(--font-head);font-size:17px;letter-spacing:.1em;color:#fff;margin-bottom:10px}.hf-card p{font-family:var(--font-body);font-size:14px;color:var(--text-dim);line-height:1.55;flex:1;margin-bottom:16px}.hf-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--gold);transition:color .2s}.hf-card:hover .hf-link{color:#fff}.home-skins{position:relative;padding:80px 0;overflow:hidden}.home-skins-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(18,14,8,.95) 20%,rgba(18,14,8,.95) 80%,var(--bg) 100%);pointer-events:none}.home-skins-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 40px}.home-skins-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:24px}.home-skins-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}.home-skins-title{font-family:var(--font-head);font-size:clamp(24px,4vw,32px);letter-spacing:.06em;color:#fff;margin-bottom:8px}.home-skins-sub{font-family:var(--font-body);font-size:14px;color:var(--text-dim);max-width:440px;line-height:1.5}.home-carousel-nav{display:flex;gap:8px;flex-shrink:0}.home-carousel-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border2);background:var(--bg2);color:var(--text-dim);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.home-carousel-btn:hover{border-color:var(--gold-dim);color:var(--gold);background:#f5a6230f}.home-skins-carousel{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0 20px;scrollbar-width:none;cursor:grab}.home-skins-carousel::-webkit-scrollbar{display:none}.home-skins-carousel:active{cursor:grabbing}.home-skin-card{flex:0 0 240px;height:320px;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:transform .3s ease,box-shadow .3s ease}.home-skin-card-img-wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px 16px 80px;z-index:0;pointer-events:none}.home-skin-card-img{width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.home-skin-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000004d 40%,#000000d9);z-index:1;pointer-events:none}.home-skin-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 48px #00000080,0 0 40px #f5a6230f}.home-skin-rarity{position:absolute;top:12px;right:14px;font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;color:var(--gold);background:#00000080;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.home-skin-info{position:relative;z-index:2;padding:16px 18px;display:flex;flex-direction:column;gap:2px}.home-skin-weapon{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:#ffffff8c}.home-skin-name{font-family:var(--font-head);font-size:22px;letter-spacing:.06em;color:#fff}.home-skin-price{font-family:var(--font-mono);font-size:12px;color:var(--gold);margin-top:4px;letter-spacing:.05em}.home-skin-card--dragon{background:linear-gradient(160deg,#2d1b0e,#5c3317,#8b4513)}.home-skin-card--howl{background:linear-gradient(160deg,#1a0f0a,#5a2520,#9b3a2e)}.home-skin-card--fire{background:linear-gradient(160deg,#2e1a0a,#7b3d0d,#c45a1a)}.home-skin-card--medusa{background:linear-gradient(160deg,#0d1f14,#1a5d3e,#2d8a5a)}.home-skin-card--blaze{background:linear-gradient(160deg,#2d1508,#9b4a0d,#e8700d)}.home-skin-card--asiimov{background:linear-gradient(160deg,#0a1628,#1e3a5f,#4b8af6)}.home-skin-card--vulcan{background:linear-gradient(160deg,#1a0a0d,#5a1a3a,#9b3d5a)}.home-skin-card--fade{background:linear-gradient(160deg,#2a0d2a,#6a2a6a,#aa5aaa,#e0a0e0)}.home-skins-footer{text-align:center;margin-top:32px}.home-case{position:relative;padding:80px 24px;overflow:hidden}.home-case-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(12,10,6,.98) 30%,rgba(12,10,6,.98) 70%,var(--bg) 100%);pointer-events:none}.home-case-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.home-case-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:8px}.home-case-title{font-family:var(--font-head);font-size:clamp(24px,4vw,32px);letter-spacing:.08em;color:#fff;margin-bottom:12px}.home-case-desc{font-family:var(--font-body);font-size:14px;color:var(--text-dim);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5}.home-case-viewport{position:relative;overflow:hidden;padding:24px 0 32px}.home-case-center-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:4px;background:linear-gradient(180deg,transparent,var(--gold),transparent);box-shadow:0 0 20px #f5a62380;z-index:5;pointer-events:none}.home-case-strip{display:flex;gap:12px;padding-left:calc(50% - 70px);padding-right:calc(50% - 70px);width:max-content;backface-visibility:hidden}.home-case-item{flex:0 0 140px;height:180px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:12px 10px;transition:border-color .2s,box-shadow .2s}.home-case-item-img-wrap{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0}.home-case-item-img-wrap img{width:100%;max-height:100%;object-fit:contain;object-position:center}.home-case-item-placeholder{width:60px;height:60px;background:#ffffff0a;border-radius:4px}.home-case-item-rarity{font-family:var(--font-mono);font-size:8px;letter-spacing:.15em;color:var(--gold);margin-bottom:4px}.home-case-item-name{font-family:var(--font-body);font-size:11px;color:var(--text-dim);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;word-break:break-word}.home-case-item--consumer{border-left:3px solid #b0c3d9}.home-case-item--industrial{border-left:3px solid #5e98d9}.home-case-item--milspec{border-left:3px solid #4b69ff}.home-case-item--restricted{border-left:3px solid #8847ff}.home-case-item--classified{border-left:3px solid #d32ce6}.home-case-item--covert{border-left:3px solid var(--gold)}.home-case-item--contraband{border-left:3px solid #eb4b4b}.home-case-actions{margin-top:8px}.home-case-btn:disabled{opacity:.7;cursor:not-allowed}.home-case-won-block{margin-top:32px;padding-top:32px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:24px}.home-case-rare-reveal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;animation:home-case-rare-pulse .6s ease-out}@keyframes home-case-rare-pulse{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.home-case-rare-image{width:100%;max-width:320px;height:auto;border-radius:12px;box-shadow:0 0 40px #ffd70066,0 0 80px #f5a62333;object-fit:contain}.home-case-rare-label{font-family:var(--font-head);font-size:18px;letter-spacing:6px;color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.5)}.home-case-rare-sublabel{font-size:12px;color:var(--text-dim);letter-spacing:2px}.home-case-won-knife-badge{display:inline-block;padding:4px 12px;font-size:10px;letter-spacing:3px;background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0a0a;border-radius:4px;font-weight:700;margin-bottom:4px}.home-case-won-knife-img-wrap{width:80px;height:60px;margin:8px auto;display:flex;align-items:center;justify-content:center}.home-case-won-knife-img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.home-case-won-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.home-btn-add-loadout{background:linear-gradient(135deg,var(--gold) 0%,#e08a10 50%,var(--gold-dim) 100%);color:#0a0a0a;border:1px solid rgba(245,166,35,.6);box-shadow:0 4px 20px #f5a6234d,inset 0 1px #fff3;padding:14px 28px;font-weight:700;position:relative;overflow:hidden}.home-btn-add-loadout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.home-btn-add-loadout:hover{box-shadow:0 6px 28px #f5a62373,inset 0 1px #ffffff40;transform:translateY(-2px);filter:brightness(1.08)}.home-btn-add-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;background:#0003;border-radius:50%;font-size:16px;line-height:1;font-weight:800}.home-case-won{padding:20px 28px;background:linear-gradient(135deg,#f5a62326,#f5a6230d);border:1px solid rgba(245,166,35,.3);border-radius:12px;display:inline-flex;flex-direction:column;gap:4px;animation:caseWonPop .4s ease-out}@keyframes caseWonPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.home-case-won-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--gold)}.home-case-won-name{font-family:var(--font-head);font-size:22px;letter-spacing:.05em;color:#fff}.home-case-won-rarity{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.home-showcase{padding:0 40px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:0}.home-showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 0;border-top:1px solid var(--border)}.home-showcase-reverse{direction:rtl}.home-showcase-reverse>*{direction:ltr}.home-sc-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.home-sc-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;padding:5px 12px;border-radius:4px;margin-bottom:4px}.home-sc-badge--green{color:var(--green);background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.home-sc-badge--blue{color:var(--blue);background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.home-sc-content h2{font-family:var(--font-head);font-size:clamp(24px,3.5vw,32px);letter-spacing:.08em;color:#fff}.home-sc-content p{font-family:var(--font-body);font-size:15px;color:var(--text-dim);line-height:1.6;max-width:420px;margin-bottom:8px}.home-sc-visual{border-radius:16px;padding:28px;display:flex;align-items:center;justify-content:center}.home-sc-visual--servers{background:linear-gradient(135deg,#101218e6,#0a0c10f2);border:1px solid var(--border)}.home-sc-mockup{width:100%;display:flex;flex-direction:column;gap:8px}.home-sc-mock-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-left:3px solid rgba(245,166,35,.25);border-radius:6px;font-family:var(--font-mono);font-size:12px;transition:all .2s}.home-sc-mock-row:hover{border-left-color:var(--gold);background:#f5a62308}.mock-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.mock-green{background:var(--green);color:var(--green)}.mock-yellow{background:var(--yellow);color:var(--yellow)}.mock-name{color:var(--text);flex:1;letter-spacing:.5px}.mock-map{color:var(--text-mute);font-size:10px;letter-spacing:1px}.mock-players{color:var(--text-dim);font-size:11px;min-width:40px;text-align:right}.home-sc-mock-server{display:flex;flex-direction:column;gap:0}.home-sc-mock-server .home-sc-mock-row{border-radius:6px 6px 0 0}.home-sc-top3{margin-top:0;padding:12px 16px 14px;background:linear-gradient(180deg,rgba(245,166,35,.06) 0%,transparent 100%);border:1px solid rgba(245,166,35,.1);border-top:none;border-radius:0 0 6px 6px;margin-bottom:8px}.home-sc-top3-label{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--gold);margin-bottom:8px}.home-sc-top3-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.home-sc-top3-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);padding:6px 10px;border-radius:4px;background:#0003;border:1px solid rgba(245,166,35,.08);font-size:11px}.home-sc-top3-item--1{background:linear-gradient(90deg,#ffaa001f,#ffaa000a);border-color:#ffa62333}.home-sc-top3-rank{flex-shrink:0;min-width:24px;font-weight:700;color:var(--gold);text-align:center;font-size:11px}.home-sc-top3-item--2 .home-sc-top3-rank{color:silver}.home-sc-top3-item--3 .home-sc-top3-rank{color:#cd7f32}.home-sc-top3-name{flex:1;color:var(--text);letter-spacing:.5px}.home-sc-top3-kills{flex-shrink:0;font-weight:700;color:var(--gold);font-size:11px;padding:2px 8px;background:#f5a6231f;border-radius:3px}.home-sc-visual--mix{background:linear-gradient(135deg,#101218e6,#0a0c10f2);border:1px solid var(--border)}.home-sc-arena{display:flex;align-items:center;gap:20px;width:100%}.home-sc-team{flex:1;display:flex;flex-direction:column;gap:6px}.home-sc-team-label{font-family:var(--font-head);font-size:13px;letter-spacing:.15em;margin-bottom:4px}.home-sc-team--a .home-sc-team-label{color:#60a5fa}.home-sc-team--b .home-sc-team-label{color:#f87171}.home-sc-slot{height:32px;border-radius:6px;transition:all .2s}.home-sc-slot--filled{background:#f5a62314;border:1px solid rgba(245,166,35,.15)}.home-sc-slot--empty{border:1px dashed rgba(255,255,255,.08)}.home-sc-vs{font-family:var(--font-head);font-size:22px;color:var(--text-mute);letter-spacing:.1em;flex-shrink:0}.home-pro-showcase{padding:0;border-top:1px solid var(--border);overflow:hidden}.home-pro-hero{position:relative;aspect-ratio:16 / 9;max-height:420px;overflow:hidden}.home-pro-hero-img,.home-pro-hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.home-pro-hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-pro-hero-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#0d1117,#1a2332 40%,#0d1620);z-index:0}.home-pro-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#000000b3);pointer-events:none;z-index:1}.home-pro-hero-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:2;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.home-pro-hero-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;color:var(--gold);margin-bottom:16px}.home-pro-hero-title{font-family:var(--font-head);font-size:clamp(36px,6vw,56px);letter-spacing:.12em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.8);margin-bottom:12px}.home-pro-hero-sub{font-family:var(--font-body);font-size:16px;color:#ffffffd9;max-width:440px}.home-pro-video-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:64px 24px;border-top:1px solid var(--border)}.home-pro-video-row--reverse{direction:rtl}.home-pro-video-row--reverse>*{direction:ltr}.home-pro-video-wrap{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;background:var(--bg2);box-shadow:0 8px 32px #0006}.home-pro-video{width:100%;height:100%;object-fit:cover;display:block}.home-pro-video-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.home-pro-video-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;color:var(--gold)}.home-pro-video-title{font-family:var(--font-head);font-size:clamp(24px,3.5vw,32px);letter-spacing:.06em;color:var(--text);margin:0}.home-pro-video-content p{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-mute);margin:0}.home-pro-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1px;max-width:1200px;margin:0 auto}.home-pro-card{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg2)}.home-pro-card--large{grid-column:1;grid-row:1 / 3;aspect-ratio:auto;min-height:280px}.home-pro-card--wide{grid-column:1 / -1;aspect-ratio:21 / 5}.home-pro-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;z-index:1}.home-pro-card:hover .home-pro-card-img{transform:scale(1.05)}.home-pro-card-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1d24,#0d0f14);pointer-events:none;z-index:0}.home-pro-card-fallback--aim{background:linear-gradient(160deg,#0a0e14,#141c28,#0a0e14)}.home-pro-fallback-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(245,166,35,.4);border-radius:50%;box-shadow:0 0 20px #f5a62326}.home-pro-fallback-crosshair:before,.home-pro-fallback-crosshair:after{content:"";position:absolute;background:#f5a62359}.home-pro-fallback-crosshair:before{width:2px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.home-pro-fallback-crosshair:after{width:12px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.home-pro-card-fallback--mirage{background:linear-gradient(160deg,#2a2418,#1a1610)}.home-pro-card-fallback--dust2{background:linear-gradient(160deg,#3d3525,#2a2218)}.home-pro-card-fallback--mix{background:linear-gradient(160deg,#1a0d18,#2d1a28,#1a0d18)}.home-pro-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%);z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px 24px;pointer-events:none}.home-pro-card-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--gold);margin-bottom:4px}.home-pro-card-title{font-family:var(--font-head);font-size:clamp(18px,2.5vw,24px);letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.home-final{position:relative;text-align:center;padding:100px 24px;border-top:1px solid var(--border);overflow:hidden}.home-final-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(245,166,35,.06) 0%,transparent 60%);pointer-events:none}.home-final h2{font-family:var(--font-head);font-size:clamp(28px,5vw,40px);letter-spacing:.08em;color:#fff;margin-bottom:12px;position:relative}.home-final p{font-family:var(--font-body);font-size:16px;color:var(--text-dim);margin-bottom:32px;position:relative}.home-footer{border-top:1px solid var(--border)}@media (max-width: 900px){.home-features-grid{grid-template-columns:1fr}.home-pro-grid{grid-template-columns:1fr;grid-template-rows:auto}.home-pro-card--large{grid-column:1;grid-row:auto;min-height:200px;aspect-ratio:16 / 9}.home-pro-card--wide{grid-column:1;aspect-ratio:21 / 9}.home-showcase-row{grid-template-columns:1fr;padding:48px 0}.home-showcase-reverse{direction:ltr}.home-pro-video-row{grid-template-columns:1fr;padding:40px 24px;gap:32px}.home-pro-video-row--reverse{direction:ltr}.home-pro-video-wrap{order:-1}.home-showcase,.home-skins-inner{padding:0 20px}.home-skins-header{flex-direction:column;align-items:flex-start}}@media (max-width: 700px){.home-case-item{flex:0 0 110px;height:150px}.home-case-item-img-wrap{height:70px}.home-case-item-name{font-size:10px;-webkit-line-clamp:2}.home-case-strip{padding-left:calc(50% - 55px);padding-right:calc(50% - 55px)}}@media (max-width: 600px){.home-hero-ctas{flex-direction:column;align-items:center}.home-btn{width:100%;max-width:280px}.home-hero-stats{gap:16px}.home-stat-num{font-size:20px}.home-skin-card{flex:0 0 200px;height:270px}.home-skin-name{font-size:18px}.home-sc-arena{gap:12px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #f5a623;--gold-dim: #c47f18;--gold-glow: rgba(245,166,35,.12);--red: #ef4444;--yellow: #eab308;--green: #22c55e;--blue: #3b82f6;--bg: #0a0c10;--bg2: #0f1117;--bg3: #14161e;--border: #1c1f2b;--border2: #262a38;--text: #e8eaed;--text-dim: #7a8194;--text-mute: #3d4254;--font-head: "Bebas Neue", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(200,210,230,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(200,210,230,.015) 1px,transparent 1px);background-size:44px 44px}.glow-orb{position:fixed;pointer-events:none;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.04) 0%,transparent 70%);top:-250px;right:-200px}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#080a0f 0%,transparent 100%);gap:20px;flex-wrap:wrap;position:relative;z-index:10}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.logo-hex{width:38px;height:38px;flex-shrink:0;background:linear-gradient(135deg,var(--gold),#e08a10);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.header-title{font-family:var(--font-head);font-size:26px;letter-spacing:4px;color:#fff;line-height:1}.header-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:3px;margin-top:3px}.vm-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:2px}.vm-status.running{color:var(--green);background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.vm-status.stopped{color:var(--red);background:#f8717114;border:1px solid rgba(248,113,113,.2)}.vm-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.vm-info{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;background:var(--bg2);border:1px solid var(--border);padding:6px 12px;border-radius:3px}.vm-info-label{color:var(--text-mute);letter-spacing:1px}.vm-info-value{color:var(--gold)}.vm-info-sep{color:var(--border2)}.search-wrap{position:relative}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-mute);font-size:17px;pointer-events:none}.search-input{background:var(--bg2);border:1px solid var(--border2);color:var(--text);padding:9px 14px 9px 36px;border-radius:3px;font-family:var(--font-body);font-size:14px;outline:none;width:260px;letter-spacing:1px;transition:border-color .2s}.search-input:focus{border-color:#2a2a2a}.search-input::placeholder{color:var(--text-mute)}.btn-refresh{background:transparent;border:1px solid var(--border2);color:var(--text-dim);padding:8px 16px;border-radius:3px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-refresh:hover:not(:disabled){border-color:var(--gold-dim);color:var(--gold);background:var(--gold-glow)}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.col-headers{display:grid;grid-template-columns:1fr 160px 140px 90px 100px minmax(160px,1fr);padding:10px 40px;gap:12px;border-bottom:1px solid #0f0f0f;position:relative;z-index:10}.col-header{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:2px}.main{flex:1;padding:12px 40px 80px;display:flex;flex-direction:column;gap:5px;position:relative;z-index:10}.server-row{background:linear-gradient(135deg,#10121a,#151820,#11131c);border:1px solid rgba(245,166,35,.1);border-left:4px solid rgba(245,166,35,.3);border-radius:6px;padding:16px 22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000040}.server-row:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.3),transparent);opacity:0;transition:opacity .2s}.server-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 0% 50%,rgba(245,166,35,.03),transparent 60%);pointer-events:none}.server-row:hover{border-left-color:var(--gold);transform:translate(4px);box-shadow:0 4px 20px #0006,0 0 30px #f5a6230d}.server-row:hover:before{opacity:1}.server-row.expanded{border-left-color:var(--gold);border-color:#f5a6232e;background:linear-gradient(135deg,#141822,#1a1f2e);box-shadow:0 0 28px #f5a6230f,inset 0 0 60px #f5a62305}.server-row.expanded:after{background:radial-gradient(ellipse 100% 60% at 0% 50%,rgba(245,166,35,.04),transparent 55%)}.server-grid{display:grid;grid-template-columns:1fr 160px 140px 90px 100px minmax(160px,1fr);align-items:center;gap:12px}.col-name .server-name{font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:1px;color:#ddd;transition:color .2s}.server-row.expanded .server-name,.server-row:hover .server-name{color:var(--gold)}.col-name .server-addr{font-family:var(--font-mono);font-size:11px;color:#444;margin-top:2px}.col-map{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.col-map .server-map-name{color:var(--text-dim)}.col-map .server-game-mode{font-size:10px;color:var(--gold);letter-spacing:1px;opacity:.9}.server-top3{border-top:1px solid rgba(245,166,35,.1);background:linear-gradient(180deg,rgba(245,166,35,.02) 0%,transparent 100%);margin:14px -22px -16px;padding:14px 22px 18px;border-radius:0 0 6px 6px}.server-top3-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--gold);margin-bottom:10px;opacity:.9;text-shadow:0 0 12px rgba(255,170,0,.2)}.server-top3-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.server-top3-item{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);padding:8px 12px;border-radius:4px;background:#00000040;border:1px solid rgba(255,170,0,.08);transition:background .15s,border-color .15s}.server-top3-item:hover{background:#ffaa000f;border-color:#ffaa0026}.server-top3-item--1{background:linear-gradient(90deg,#ffaa001f,#ffaa000a);border-color:#ffaa0040;box-shadow:0 0 16px #ffaa0014}.server-top3-item--1 .server-top3-name{color:#f0e6d0;font-weight:600}.server-top3-rank{flex-shrink:0;min-width:32px;font-size:12px;font-weight:700;color:var(--gold);text-align:center}.server-top3-trophy{font-size:20px;line-height:1;display:inline-block;filter:drop-shadow(0 0 6px rgba(255,170,0,.5))}.server-top3-item--2 .server-top3-rank{color:silver}.server-top3-item--3 .server-top3-rank{color:#cd7f32}.server-top3-name{flex:1;color:#aaa;font-size:12px;letter-spacing:.5px}.server-top3-kills{flex-shrink:0;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:1px;padding:4px 10px;background:#ffaa0026;border-radius:4px;border:1px solid rgba(255,170,0,.25);text-shadow:0 0 10px rgba(255,170,0,.3)}.server-top3-item--1 .server-top3-kills{background:#fa03;border-color:#fa06;font-size:14px}.player-count{display:flex;align-items:baseline;gap:4px}.players-now{font-family:var(--font-head);font-size:20px;color:#fff;line-height:1}.players-sep{font-size:13px;color:var(--text-mute)}.players-max{font-family:var(--font-mono);font-size:12px;color:#444}.playerbar-track{width:100%;background:#0a0a0a;border-radius:2px;height:4px;margin-top:5px}.playerbar-fill{height:100%;border-radius:2px;transition:width .6s ease}.playerbar-fill.green{background:var(--green);box-shadow:0 0 8px var(--green)}.playerbar-fill.yellow{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.playerbar-fill.red{background:var(--red);box-shadow:0 0 8px var(--red)}.playerbar-unknown{width:30%;height:100%;border-radius:2px;background:repeating-linear-gradient(90deg,#1a1a1a,#1a1a1a 4px,transparent 4px,transparent 8px)}.ping{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:12px}.ping.green{color:var(--green)}.ping.yellow{color:var(--yellow)}.ping.red{color:var(--red)}.ping.unknown{color:var(--text-mute)}.ping-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.col-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{background:#f5a6230f;border:1px solid rgba(245,166,35,.15);color:var(--gold);padding:2px 8px;border-radius:2px;font-size:10px;font-family:var(--font-mono);letter-spacing:1px}.col-action{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-width:0}.col-action .btn-connect,.col-action .btn-copy{flex-shrink:0;white-space:nowrap}.nav-links{display:flex;gap:8px;align-items:center}.nav-auth{margin-left:8px;padding-left:12px;border-left:1px solid var(--border2)}.nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-dim);text-decoration:none;padding:6px 12px;border-radius:2px;transition:all .15s}.nav-link:hover{color:var(--gold);background:var(--gold-glow)}.btn-connect{background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:var(--green);padding:6px 12px;border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-decoration:none;white-space:nowrap;transition:all .15s}.btn-connect:hover{background:#4ade8040;box-shadow:0 0 10px #4ade8033}.btn-copy{background:transparent;border:1px solid var(--border2);color:var(--text-dim);padding:6px 13px;border-radius:3px;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;transition:all .15s;white-space:nowrap}.btn-copy:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-glow);box-shadow:0 0 10px #ffaa001f}.btn-copy.copied{border-color:var(--green);color:var(--green);background:#4ade8012}.server-detail{margin-top:14px;padding-top:14px;border-top:1px solid #1a1200;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.detail-label{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:2px;margin-bottom:6px}.connect-cmd{font-family:var(--font-mono);font-size:13px;color:var(--gold);background:#0a0800;border:1px solid #2a2000;padding:8px 16px;border-radius:3px;letter-spacing:1px}.detail-actions{display:flex;gap:10px;align-items:center}.state-msg{display:flex;align-items:center;justify-content:center;gap:14px;padding:80px 0;font-family:var(--font-mono);font-size:13px;color:var(--text-mute);letter-spacing:3px}.state-msg--empty{flex-direction:column;gap:10px;text-align:center}.state-msg-title{font-size:14px;letter-spacing:2px;color:var(--text-dim)}.state-msg-hint{font-size:11px;letter-spacing:1px;color:var(--text-mute);max-width:420px}.spinner{width:18px;height:18px;border:2px solid #1a1a1a;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-error{display:flex;align-items:flex-start;gap:20px;background:#f871710d;border:1px solid rgba(248,113,113,.15);border-left:3px solid var(--red);border-radius:3px;padding:20px 24px;margin-top:10px}.error-icon{font-size:24px;color:var(--red);line-height:1;flex-shrink:0}.error-title{font-family:var(--font-head);font-size:18px;letter-spacing:2px;color:var(--red)}.error-msg{font-family:var(--font-mono);font-size:12px;color:#888;margin-top:4px}.error-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);margin-top:6px;letter-spacing:1px}.footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 40px;background:var(--bg);border-top:1px solid #0f0f0f;font-family:var(--font-mono);font-size:10px;color:#1e1e1e;letter-spacing:2px;z-index:20}.pug-main{flex:1;padding:24px 40px 80px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:24px}.pug-state{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-dim)}.pug-error{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--red)}.pug-error-icon{font-size:18px}.pug-status-bar{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.pug-status{font-family:var(--font-head);font-size:14px;letter-spacing:4px}.pug-status-waiting{color:var(--yellow)}.pug-status-full{color:var(--green)}.pug-count{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);letter-spacing:2px}.pug-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;width:100%;max-width:1100px;min-height:320px}.pug-team-panel{background:linear-gradient(180deg,#10121cf2,#0a0c14fa);border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;box-shadow:0 4px 24px #0006}.pug-team-a{border-left:4px solid rgba(59,130,246,.6)}.pug-team-b{border-left:4px solid rgba(239,68,68,.6)}.pug-team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border2)}.pug-team-label{font-family:var(--font-head);font-size:18px;letter-spacing:3px;color:var(--text)}.pug-team-a .pug-team-label{color:#60a5fa}.pug-team-b .pug-team-label{color:#f87171}.pug-team-count{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);letter-spacing:1px}.pug-team-slots{display:flex;flex-direction:column;gap:8px;flex:1}.pug-slot{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:4px;background:var(--bg2);border:1px solid transparent;min-height:44px}.pug-slot.filled{border-color:#f5a6231f;background:linear-gradient(90deg,rgba(245,166,35,.04),transparent)}.pug-slot.empty{border:1px dashed var(--border2);opacity:.7}.pug-slot-index{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);width:20px;flex-shrink:0}.pug-slot-avatar{width:28px;height:28px;border-radius:4px;object-fit:cover;border:1px solid var(--border2);flex-shrink:0}.pug-slot-lvl{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;margin-right:8px}.pug-slot-lvl-circle{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.pug-slot-name{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text);letter-spacing:.5px}.pug-slot-name.you{color:var(--gold)}.pug-slot-you-badge{margin-left:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--gold);background:#f5a62326;padding:2px 6px;border-radius:2px}.pug-slot-name--vip{color:var(--gold);font-weight:600}.pug-slot-vip-badge{margin-left:4px;font-size:9px;letter-spacing:1px;font-weight:700;background:linear-gradient(135deg,var(--gold),#c9a227);color:#0a0a0a;padding:1px 5px;border-radius:2px}.pug-slot-empty{font-family:var(--font-mono);font-size:11px;color:var(--text-mute)}.pug-lobby-chat-wrap{margin-top:24px;max-width:420px;width:100%;align-self:center}.pug-chat{background:linear-gradient(135deg,#0d0f16,#141722);border:1px solid rgba(245,166,35,.15);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;max-height:280px}.pug-chat-title{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-mute);padding:10px 14px;border-bottom:1px solid var(--border)}.pug-chat-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:100px}.pug-chat-empty{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);padding:12px}.pug-chat-msg{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.pug-chat-msg:last-child{border-bottom:none}.pug-chat-msg-avatar{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.pug-chat-msg-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}.pug-chat-msg-name{font-family:var(--font-mono);font-size:11px;color:var(--gold);flex-shrink:0}.pug-chat-msg-name--vip{font-weight:600}.pug-chat-vip-badge{margin-left:4px;font-size:9px;letter-spacing:1px;font-weight:700;background:linear-gradient(135deg,var(--gold),#c9a227);color:#0a0a0a;padding:1px 5px;border-radius:2px}.pug-chat-msg-text{font-family:var(--font-body);font-size:13px;color:var(--text);word-break:break-word}.pug-chat-msg-time{font-family:var(--font-mono);font-size:10px;color:var(--text-mute)}.pug-chat-input-row{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border)}.pug-chat-input{flex:1;min-width:0;background:#ffffff0a;border:1px solid rgba(245,166,35,.2);border-radius:4px;padding:10px 12px;font-family:var(--font-mono);font-size:13px;color:var(--text);outline:none}.pug-chat-input:focus{border-color:var(--gold)}.pug-chat-send{padding:10px 16px!important;font-size:11px!important}.pug-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:200px}.pug-vs{font-family:var(--font-head);font-size:28px;letter-spacing:6px;color:var(--text-mute)}.pug-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.pug-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;padding:12px 24px;border-radius:4px;cursor:pointer;transition:all .2s;border:none}.pug-btn:disabled{opacity:.5;cursor:not-allowed}.pug-btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0a0a;border:1px solid rgba(245,166,35,.5);font-weight:700}.pug-btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px #f5a62333}.pug-btn-secondary{background:transparent;color:var(--text-dim);border:1px solid var(--border2)}.pug-btn-secondary:hover:not(:disabled){border-color:var(--gold-dim);color:var(--gold)}.pug-btn-copy{background:var(--bg2);color:var(--text);border:1px solid var(--border2)}.pug-btn-copy:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.pug-btn-danger{background:transparent;color:#e74c3c;border:1px solid #e74c3c55;font-size:.75rem}.pug-btn-danger:hover:not(:disabled){background:#e74c3c22;border-color:#e74c3c;color:#ff6b6b}.pug-fill-bots{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:1px;cursor:pointer}.pug-fill-bots input{cursor:pointer;accent-color:var(--gold)}.pug-login-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:1px}.pug-connect-box{text-align:center;padding:20px 28px;background:linear-gradient(180deg,#0c120efa,#080c0afc);border:1px solid rgba(34,197,94,.2);border-radius:8px;min-width:320px;box-shadow:0 0 30px #4ade800f}.pug-connect-title{font-family:var(--font-head);font-size:12px;letter-spacing:3px;color:var(--green);margin-bottom:14px}.pug-connect-cmd{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);word-break:break-all;padding:10px 12px;background:var(--bg);border-radius:4px;margin-bottom:14px;border:1px solid var(--border2)}.pug-connect-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pug-connect-fallback{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.pug-preparing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;color:var(--gold);font-family:var(--font-head);font-size:14px;letter-spacing:2px}.pug-waiting-owner{font-family:var(--font-head);font-size:14px;letter-spacing:1px;color:var(--text-dim);margin:0}.pug-btn-start-match{font-size:14px;padding:14px 32px;letter-spacing:2px}.pug-veto-box{text-align:center;padding:20px 24px;background:linear-gradient(180deg,#0c120efa,#080c0afc);border:1px solid rgba(245,166,35,.25);border-radius:8px;min-width:320px;max-width:560px}.pug-veto-title{font-family:var(--font-head);font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:8px}.pug-veto-turn-msg{font-size:12px;color:var(--text-dim);margin:0 0 16px}.pug-veto-timer{color:var(--gold);font-weight:700}.pug-veto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.pug-veto-map-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;min-height:120px;background:linear-gradient(165deg,#1c2622fa,#121a16fc);border:1px solid rgba(74,222,128,.2);border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s;overflow:hidden}.pug-veto-map-card:hover:not(:disabled){border-color:var(--gold);box-shadow:0 0 20px #f5a62326;transform:translateY(-2px)}.pug-veto-map-card:disabled{cursor:default}.pug-veto-map-card--banned{border-color:#ef444480;pointer-events:none}.pug-veto-map-card--banned:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ef4444bf,#b91c1cd9);mix-blend-mode:multiply;border-radius:8px;animation:pug-veto-banned-in .35s ease-out}@keyframes pug-veto-banned-in{0%{opacity:0}to{opacity:1}}.pug-veto-map-img-wrap{width:100%;height:88px;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;overflow:hidden;background:linear-gradient(180deg,#0f1714f2,#0a100efa);position:relative}.pug-veto-map-img-wrap img{width:100%;height:100%;object-fit:contain;padding:6px}.pug-veto-map-img-wrap .pug-veto-map-placeholder{display:none;font-size:24px;font-weight:700;color:var(--text-mute)}.pug-veto-map-img-wrap.pug-veto-map-img-failed .pug-veto-map-placeholder{display:flex}.pug-veto-map-img-wrap.pug-veto-map-img-failed img{display:none}.pug-veto-map-banned-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:800;color:#fffffff2;text-shadow:0 0 12px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.8);z-index:2;pointer-events:none;animation:pug-veto-x-in .3s ease-out}@keyframes pug-veto-x-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pug-veto-map-name{font-size:11px;font-weight:600;color:var(--text);padding:8px 6px;position:relative;z-index:1}.pug-veto-map-card--banned .pug-veto-map-name{color:#ffffffe6}.pug-countdown-box{text-align:center;padding:28px 32px;background:linear-gradient(180deg,#0c120efa,#080c0afc);border:1px solid rgba(34,197,94,.3);border-radius:8px;min-width:280px}.pug-countdown-label{font-size:12px;color:var(--text-dim);letter-spacing:2px;margin-bottom:8px}.pug-countdown-map{font-family:var(--font-head);font-size:22px;letter-spacing:4px;color:var(--green);margin-bottom:16px}.pug-countdown-num{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--gold);text-shadow:0 0 20px rgba(245,166,35,.4)}.nav-link.active{color:var(--gold)}.pug-lobby-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0 20px;margin-bottom:8px;border-bottom:1px solid var(--border);width:100%;max-width:1100px}.pug-back-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text);text-decoration:none;padding:10px 20px;border:1px solid var(--border2);border-radius:4px;background:var(--bg2);transition:all .2s}.pug-back-btn:hover{color:var(--gold);border-color:var(--gold-dim);background:var(--gold-glow);box-shadow:0 0 16px #f5a62314}.pug-lobby-owner{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--text-dim)}.pug-lobby-owner strong{color:#ddd}.pug-owner-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:9px;letter-spacing:2px;color:var(--gold);background:#f5a6231a;border:1px solid rgba(245,166,35,.2);border-radius:2px}.pug-slot.bot .pug-slot-name{color:var(--text-mute);font-style:italic}.pug-slot-bot-badge{margin-left:8px;padding:1px 6px;font-size:8px;letter-spacing:1px;color:var(--text-mute);background:#ffffff0d;border:1px solid var(--border);border-radius:2px}@media (max-width: 900px){.col-headers,.server-grid{grid-template-columns:1fr 120px 110px 70px}.col-header:nth-child(5),.col-header:nth-child(6),.server-grid>*:nth-child(5),.server-grid>*:nth-child(6){display:none}.header,.main,.footer,.col-headers{padding-left:16px;padding-right:16px}.header{flex-direction:column;align-items:flex-start;gap:12px}.search-input{width:100%}.pug-arena{grid-template-columns:1fr;grid-template-rows:auto auto auto}.pug-main{padding-left:16px;padding-right:16px}}.loadout-page{min-height:100vh;padding:24px 40px 80px;position:relative}.loadout-nav{display:flex;align-items:center;gap:12px;padding:16px 40px;border-bottom:1px solid var(--border);margin-bottom:24px;position:relative;z-index:10}.loadout-nav .nav-auth{margin-left:auto}.loadout-nav .nav-link.active{color:var(--gold)}.loadout-login-hint{background:#ffaa000f;border:1px solid rgba(255,170,0,.2);padding:16px 20px;border-radius:4px;margin-top:12px}.loadout-loading,.loadout-loading-saved{display:flex;align-items:center;justify-content:center;gap:14px;padding:80px 0;font-family:var(--font-mono);font-size:13px;color:var(--text-mute);letter-spacing:3px}.loadout-container{max-width:1800px;width:100%;margin:0 auto;position:relative;z-index:10}.loadout-header{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.loadout-title{font-family:var(--font-head);font-size:32px;letter-spacing:6px;color:#fff;margin-bottom:6px}.loadout-desc{font-family:var(--font-mono);font-size:12px;color:var(--text-mute);letter-spacing:2px}.loadout-section{margin-bottom:36px}.loadout-section h2{font-family:var(--font-mono);font-size:12px;color:var(--gold);letter-spacing:3px;margin-bottom:12px}.skin-tabs-section{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:20px;overflow:hidden}.skin-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border)}.skin-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:12px 20px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;cursor:pointer;transition:all .15s;position:relative;margin-bottom:-1px}.skin-tab:hover{color:var(--text)}.skin-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.skin-tab .tab-badge{margin-left:6px;color:var(--green);font-size:10px}.skin-tab-content{min-height:280px}.skin-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}.skin-search-row{display:flex;align-items:center;gap:10px}.skin-search-row .search-icon{color:var(--text-mute);font-size:16px;flex-shrink:0}.skin-search-input{width:220px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);padding:10px 14px;border-radius:3px;font-family:var(--font-body);font-size:13px;outline:none}.skin-search-input:focus{border-color:var(--gold-dim)}.skin-search-input::placeholder{color:var(--text-mute)}.skin-type-dropdown-wrap{position:relative}.skin-type-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg3);border:1px solid var(--border2);color:var(--text);padding:10px 36px 10px 14px;border-radius:3px;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;cursor:pointer;min-width:200px;max-width:280px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.skin-type-dropdown:hover{border-color:var(--gold-dim)}.skin-type-dropdown:focus{outline:none;border-color:var(--gold)}.skin-prompt{font-size:14px;color:var(--gold-dim)}.skin-count{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);letter-spacing:1px;margin-left:auto}.skin-empty{text-align:center;padding:40px;font-family:var(--font-mono);font-size:13px;color:var(--text-mute);letter-spacing:2px}.skin-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.btn-page{background:transparent;border:1px solid var(--border2);color:var(--text-dim);padding:8px 16px;border-radius:3px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .15s}.btn-page:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-page:disabled{opacity:.3;cursor:not-allowed}.page-info{font-family:var(--font-mono);font-size:11px;color:var(--text-mute);letter-spacing:1px}.section-hint{font-size:11px;color:var(--text-mute);margin-bottom:10px}.steam-section{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:20px;margin-bottom:28px}.steam-input-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.steam-input{flex:1;min-width:200px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);padding:10px 14px;border-radius:3px;font-family:var(--font-body);font-size:13px;outline:none}.steam-input:focus{border-color:var(--gold-dim)}.btn-steam{background:#ffaa0026;border:1px solid var(--gold-dim);color:var(--gold);padding:10px 20px;border-radius:3px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;cursor:pointer;transition:all .15s}.btn-steam:hover{background:var(--gold-glow);box-shadow:0 0 12px #fa03}.steam-id-badge{display:inline-block;margin-top:10px;font-family:var(--font-mono);font-size:11px;color:var(--green);background:#4ade8014;padding:4px 10px;border-radius:2px}.steam-logged{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-logout{background:transparent;border:1px solid var(--border2);color:var(--text-dim);padding:6px 14px;border-radius:3px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;cursor:pointer;transition:all .15s}.btn-logout:hover{color:var(--text);border-color:var(--border)}.btn-steam-login{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,#1b2838,#2a475e);border:1px solid #66c0f4;color:#c7d5e0;padding:12px 24px;border-radius:4px;font-family:var(--font-mono);font-size:14px;letter-spacing:2px;text-decoration:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000004d}.btn-steam-login:hover{background:linear-gradient(90deg,#2a475e,#1b2838);color:#fff;border-color:#8bb4d4;box-shadow:0 0 16px #66c0f440}.steam-icon{display:inline-block;width:24px;height:24px;background:url(https://store.steampowered.com/favicon.ico) center/contain no-repeat;opacity:.9}.loadout-error{background:#f8717114;border:1px solid rgba(248,113,113,.25);border-left:3px solid var(--red);color:var(--red);padding:12px 16px;border-radius:3px;margin-bottom:20px;font-size:13px}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%}.skin-card{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:10px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;text-align:center}.skin-card:hover{border-color:var(--gold-dim);background:var(--bg3);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.skin-card.selected{border-color:var(--gold);background:linear-gradient(135deg,#ffaa001f,#ffaa000a);box-shadow:0 0 16px #fa03}.skin-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:2px;margin-bottom:8px}.skin-name{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skin-card.selected .skin-name{color:var(--gold)}.loadout-actions{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);text-align:center}.btn-save{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);border:none;color:#000;padding:14px 32px;border-radius:3px;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){box-shadow:0 0 24px #fa06;transform:scale(1.02)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.save-hint{margin-top:12px;font-size:11px;color:var(--text-mute);letter-spacing:1px}.loadout-character-section{margin-bottom:40px}.loadout-character-view{background:linear-gradient(180deg,rgba(12,14,18,.98) 0%,var(--bg2) 50%,var(--bg3) 100%);border:1px solid var(--border);border-radius:12px;padding:32px 28px 36px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.loadout-pick-side-label{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:4px;color:var(--text-mute);margin:0 0 20px;text-transform:uppercase}.loadout-side-toggle{display:flex;justify-content:center;gap:20px;margin-bottom:32px}.loadout-side-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 36px;min-width:180px;border:2px solid var(--border2);border-radius:10px;background:var(--bg3);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;transition:all .25s ease}.loadout-side-card:hover{border-color:var(--border);color:var(--text);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.loadout-side-card--ct:hover{border-color:#3a6a9e;box-shadow:0 8px 24px #2a4a6e40}.loadout-side-card--t:hover{border-color:#8b5a2b;box-shadow:0 8px 24px #8b5a2b33}.loadout-side-card.active{color:#fff;border-color:var(--gold);background:linear-gradient(135deg,#ffaa0026,#ffaa000a);box-shadow:0 0 24px #fa03,inset 0 1px #ffffff0f}.loadout-side-card--ct.active{background:linear-gradient(135deg,#2a4a6e59,#ffaa0014);border-color:#5a8ac4;box-shadow:0 0 28px #2a4a6e59,0 0 12px #ffaa0026}.loadout-side-card--t.active{background:linear-gradient(135deg,#8b5a2b4d,#ffaa0014);border-color:#b87840;box-shadow:0 0 28px #8b5a2b4d,0 0 12px #ffaa0026}.loadout-side-card-badge{display:inline-block;width:44px;height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:700;letter-spacing:1px;border-radius:50%;margin-bottom:4px}.loadout-side-card--ct .loadout-side-card-badge{background:linear-gradient(145deg,#2a4a6e,#1a3050);border:1px solid #3a6a9e;color:#8bb4e0}.loadout-side-card--t .loadout-side-card-badge{background:linear-gradient(145deg,#5c3a1a,#3d2612);border:1px solid #8b5a2b;color:#c4956a}.loadout-side-card.active .loadout-side-card-badge{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #ffaa004d}.loadout-side-card-title{font-size:13px;letter-spacing:2px}.loadout-side-card-desc{font-size:10px;letter-spacing:1px;opacity:.85}.loadout-character-stage{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:8px;background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(0,0,0,.4) 0%,transparent 70%)}.loadout-character-stage--ct{box-shadow:inset 0 0 60px #2a4a6e14}.loadout-character-stage--t{box-shadow:inset 0 0 60px #8b5a2b0f}.loadout-character-stage-inner{position:absolute;top:0;right:0;bottom:0;left:0;min-height:380px;display:flex;align-items:center;justify-content:center;pointer-events:none}.loadout-character-stage-inner *{pointer-events:auto}.loadout-character-3d{width:100%;height:100%;min-height:380px;border-radius:6px;overflow:hidden}.loadout-character-3d--fallback{display:flex;align-items:center;justify-content:center;pointer-events:none}.loadout-character-3d--fallback .loadout-character-silhouette{width:160px;height:300px;filter:drop-shadow(0 12px 28px rgba(0,0,0,.5))}.loadout-character-silhouette{width:140px;height:260px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.loadout-character-silhouette .loadout-character-svg{width:100%;height:100%;object-fit:contain}.loadout-character-silhouette--ct .loadout-character-svg{filter:drop-shadow(0 0 12px rgba(42,74,110,.4));animation:loadout-silhouette-idle 3s ease-in-out infinite}.loadout-character-silhouette--t .loadout-character-svg{filter:drop-shadow(0 0 12px rgba(139,90,43,.3));animation:loadout-silhouette-idle 3s ease-in-out infinite}@keyframes loadout-silhouette-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.008)}}.loadout-slot{position:absolute;width:100px;min-height:88px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:2}.loadout-slot:hover{border-color:var(--gold-dim);background:var(--bg3);transform:scale(1.05);box-shadow:0 4px 20px #0006}.loadout-slot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.loadout-slot-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:72px;text-align:center}.loadout-slot-img{width:56px;height:56px;object-fit:contain;margin-bottom:4px}.loadout-slot-name{font-family:var(--font-mono);font-size:9px;color:var(--text-dim);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.loadout-slot:hover .loadout-slot-name{color:var(--gold)}.loadout-slot-placeholder{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:1px;display:flex;flex-direction:column;gap:4px}.loadout-slot-placeholder .loadout-slot-label{color:var(--text-dim);font-weight:600}.loadout-slot:hover .loadout-slot-placeholder{color:var(--text-dim)}.loadout-slot--left{left:8%;top:50%;transform:translateY(-50%)}.loadout-slot--right{right:8%;top:50%;transform:translateY(-50%)}.loadout-slot--top{left:50%;top:10%;transform:translate(-50%)}.loadout-slot--top-left{left:12%;top:12%}.loadout-slot--top-left-mid{left:26%;top:11%;transform:translate(-50%)}.loadout-slot--top-right{right:12%;top:12%}.loadout-slot--bottom-left{left:12%;bottom:12%}.loadout-slot--bottom-right{right:12%;bottom:12%}.loadout-slot:hover.loadout-slot--left,.loadout-slot:hover.loadout-slot--right{transform:translateY(-50%) scale(1.05)}.loadout-slot:hover.loadout-slot--top,.loadout-slot:hover.loadout-slot--top-left-mid{transform:translate(-50%) scale(1.05)}.loadout-skin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:loadoutModalFade .2s ease-out}@keyframes loadoutModalFade{0%{opacity:0}to{opacity:1}}.loadout-skin-modal{background:var(--bg2);border:1px solid var(--border);border-radius:8px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:loadoutModalSlide .25s ease-out}@keyframes loadoutModalSlide{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.loadout-skin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.loadout-skin-modal-header h2{font-family:var(--font-mono);font-size:14px;letter-spacing:2px;color:var(--gold);margin:0}.loadout-skin-modal-close{width:36px;height:36px;border:none;background:var(--bg3);color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer;border-radius:4px;transition:all .15s}.loadout-skin-modal-close:hover{background:var(--border2);color:var(--text)}.loadout-skin-modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.loadout-skin-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border);background:#0003}.btn-save-subtle{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--gold);background:transparent;border:1px solid var(--gold);padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn-save-subtle:hover:not(:disabled){background:#ffaa001f;color:var(--gold)}.btn-save-subtle:disabled{opacity:.6;cursor:not-allowed}.loadout-skin-modal-close-btn{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--text-mute);background:transparent;border:1px solid var(--border);padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.loadout-skin-modal-close-btn:hover{background:var(--border2);color:var(--text);border-color:var(--border2)}@media (max-width: 768px){.loadout-page{padding:16px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.loadout-slot{width:80px;min-height:72px;padding:6px}.loadout-slot--left{left:4%}.loadout-slot--right{right:4%}.loadout-slot--top{top:6%}.loadout-slot--top-left,.loadout-slot--top-left-mid,.loadout-slot--top-right{top:8%}.loadout-slot--bottom-left,.loadout-slot--bottom-right{bottom:8%}.loadout-character-3d{min-height:280px}.loadout-character-3d--fallback .loadout-character-silhouette{width:100px;height:190px}.loadout-side-toggle{flex-wrap:wrap;justify-content:center;gap:12px}.loadout-side-card{padding:14px 24px;min-width:140px}.loadout-side-card-badge{width:36px;height:36px;line-height:36px;font-size:14px}.loadout-side-card-title{font-size:11px}.loadout-side-card-desc{font-size:9px}}.level-up-preview{width:100%;padding:20px 16px;background:#0003;border-radius:12px;border:1px solid rgba(245,166,35,.15);text-align:center}.level-up-preview-visual{margin-bottom:16px;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.level-up-preview-img{width:100%;max-width:280px;height:auto;display:block;margin:0 auto}.level-up-preview-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 4px;margin-bottom:12px}.level-up-step{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#f5a62314;border:1px solid rgba(245,166,35,.2);border-radius:8px}.level-up-step-num{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--gold);letter-spacing:1px}.level-up-step-label{font-size:10px;letter-spacing:1px;color:var(--text-dim);margin-top:2px}.level-up-step--rank .level-up-step-badge{font-size:12px;letter-spacing:2px;color:var(--gold)}.level-up-arrow{color:var(--gold);opacity:.7;font-size:14px}.level-up-preview-desc{font-size:12px;color:var(--text-dim);line-height:1.4;margin:0 0 12px}.level-up-preview-link{font-size:11px;letter-spacing:2px;color:var(--gold);text-decoration:none}.level-up-preview-link:hover{text-decoration:underline}.ranking-page{min-height:100vh}.ranking-header .nav-link.active{color:var(--gold);background:var(--gold-glow)}.ranking-main{flex:1;padding:24px 24px 80px;max-width:1200px;margin:0 auto;width:100%}.ranking-hero{text-align:center;margin-bottom:48px}.ranking-title{font-family:var(--font-head);font-size:clamp(40px,8vw,64px);letter-spacing:.12em;color:var(--text);margin-bottom:8px;text-shadow:0 0 60px rgba(245,166,35,.15);animation:ranking-title-glow 3s ease-in-out infinite}@keyframes ranking-title-glow{0%,to{text-shadow:0 0 60px rgba(245,166,35,.15)}50%{text-shadow:0 0 80px rgba(245,166,35,.25)}}.ranking-sub{font-family:var(--font-body);font-size:18px;color:var(--text-mute);letter-spacing:2px}.ranking-loading,.ranking-error,.ranking-empty{padding:60px 24px;text-align:center;color:var(--text-mute);font-family:var(--font-body);display:flex;flex-direction:column;align-items:center;gap:16px}.ranking-error{color:var(--red)}.ranking-empty-link{display:inline-block;margin-top:8px;color:var(--gold);text-decoration:none;font-weight:600;transition:transform .2s}.ranking-empty-link:hover{text-decoration:underline;transform:scale(1.02)}.ranking-podium{margin-bottom:48px}.ranking-podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:24px;padding:0 20px;min-height:320px}.ranking-podium-slot{display:flex;flex-direction:column;align-items:center;animation:ranking-podium-in .6s ease-out backwards}.ranking-podium-slot--1{order:2;animation-delay:.1s}.ranking-podium-slot--2{order:1;animation-delay:0s}.ranking-podium-slot--3{order:3;animation-delay:.2s}@keyframes ranking-podium-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ranking-podium-player{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:linear-gradient(180deg,#14161ef2,#0f1117fa);border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 32px #0006;transition:transform .3s,box-shadow .3s}.ranking-podium-player:hover{transform:translateY(-4px);box-shadow:0 12px 48px #f5a6231a}.ranking-podium-player--1{border-color:#f5a62366;box-shadow:0 0 40px #f5a62326;padding:32px 24px}.ranking-podium-player--1:hover{box-shadow:0 0 60px #f5a62333}.ranking-podium-player--2{border-color:#c8c8c833}.ranking-podium-player--3{border-color:#cd7f3240}.ranking-podium-avatar-wrap{position:relative}.ranking-podium-trophy{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:28px;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.ranking-podium-slot--1 .ranking-podium-trophy{font-size:36px;top:-16px}.ranking-podium-slot--2 .ranking-podium-trophy,.ranking-podium-slot--3 .ranking-podium-trophy{font-size:24px}.ranking-podium-avatar{width:80px;height:80px;border-radius:12px;object-fit:cover;border:3px solid var(--border2);display:block}.ranking-podium-slot--1 .ranking-podium-avatar{width:100px;height:100px;border-color:#f5a62380;box-shadow:0 0 24px #f5a62333}.ranking-podium-me{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:2px;padding:2px 8px;background:var(--gold);color:#0a0a0a;border-radius:4px;font-weight:700;white-space:nowrap}.ranking-podium-name{font-family:var(--font-body);font-weight:700;font-size:16px;color:var(--text);text-align:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-podium-slot--1 .ranking-podium-name{font-size:18px;max-width:160px}.ranking-podium-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.ranking-podium-level{padding:4px 12px;border-radius:6px;font-family:var(--font-mono);font-weight:700;font-size:12px}.ranking-podium-wins{color:var(--green);font-weight:600;font-size:14px}.ranking-podium-losses{color:var(--red);font-weight:500;font-size:14px}.ranking-list-wrap{background:#0f1117d9;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.ranking-list-header{padding:16px 24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;color:var(--text-mute);background:#0000004d;border-bottom:1px solid var(--border)}.ranking-list{display:flex;flex-direction:column}.ranking-list-row{display:grid;grid-template-columns:50px 44px 1fr auto 50px 50px 60px 60px;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border2);font-family:var(--font-body);font-size:15px;transition:background .2s;animation:ranking-row-in .4s ease-out backwards}.ranking-list-row:hover{background:#f5a6230a}.ranking-list-row--me{background:#f5a62314;border-left:4px solid var(--gold)}.ranking-list-row--me:hover{background:#f5a6231f}@keyframes ranking-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ranking-list-rank{font-family:var(--font-mono);font-weight:600;color:var(--text-dim)}.ranking-list-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid var(--border2)}.ranking-list-name{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list-me-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;padding:2px 8px;background:var(--gold);color:#0a0a0a;border-radius:4px;font-weight:700}.ranking-list-level{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:4px 10px;border-radius:6px;font-family:var(--font-mono);font-weight:700;font-size:13px}.ranking-list-vip{font-size:10px;letter-spacing:1px;padding:2px 8px;background:#f5a62333;color:var(--gold);border-radius:4px}.ranking-list-wins{color:var(--green);font-weight:600;text-align:center}.ranking-list-losses{color:var(--red);font-weight:500;text-align:center}@media (max-width: 768px){.ranking-main{padding:16px 16px 60px}.ranking-podium-stage{flex-direction:column;align-items:center;gap:16px;min-height:auto}.ranking-podium-slot--1{order:1}.ranking-podium-slot--2{order:2}.ranking-podium-slot--3{order:3}.ranking-podium-avatar{width:64px;height:64px}.ranking-podium-slot--1 .ranking-podium-avatar{width:80px;height:80px}.ranking-list-row{grid-template-columns:36px 32px 1fr minmax(0,auto) 36px 36px 44px 44px;gap:8px;padding:12px 16px;font-size:13px}.ranking-list-rank{font-size:11px}.ranking-list-vip{font-size:9px;padding:1px 6px}.ranking-list-header{padding:12px 16px;font-size:10px}}