*{margin:0;padding:0;box-sizing:border-box}:root{--gold:#e8b84b;--cyan:#00dff0;--green:#50dc78;--red:#dc5050;--ink:#07090d;--panel:rgba(9,13,18,.82)}body,html{min-height:100%;background:var(--ink);color:#fff;font-family:Rajdhani,system-ui,sans-serif;overflow-x:hidden}#bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 12%,rgba(255,176,0,.14),transparent 34%),radial-gradient(circle at 82% 78%,rgba(0,223,240,.09),transparent 36%),linear-gradient(180deg,#080a0e,#07090d 72%,#050608)}#bg:before{background:url(/assets/images/cs2-simple-tactical-bg.png) 50%/cover no-repeat;filter:saturate(.7) brightness(.5);opacity:.38}#bg:after,#bg:before{content:"";position:absolute;inset:0}#bg:after{background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:64px 64px;mix-blend-mode:screen;opacity:.6}#app{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:28px 20px 60px}.site-nav{gap:16px;margin-bottom:40px}.nav-user,.site-nav{display:flex;align-items:center;flex-wrap:wrap}.nav-user{margin-left:auto;gap:10px}.nav-avatar{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.18);vertical-align:middle}.nav-name{font-size:13px;font-weight:700;color:rgba(255,255,255,.8)}.nav-elo{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.08em;padding:2px 7px;border:1px solid rgba(232,184,75,.3);border-radius:3px;background:rgba(232,184,75,.06)}.nav-btn{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:6px 14px;border-radius:4px;cursor:pointer;border:1px solid;font-family:inherit;text-decoration:none;display:inline-block;transition:opacity .15s}.nav-btn:hover{opacity:.8}.nav-btn.steam{background:#1b2838;color:#c6d4df;border-color:#4b6176}.nav-btn.signout{background:transparent;color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.12)}.elo-pill{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:4px 10px;border:1px solid rgba(0,223,240,.28);border-radius:4px;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,223,240,.06)}.elo-change{font-size:13px;font-weight:700;margin-top:6px}.elo-change.up{color:var(--green)}.elo-change.down{color:var(--red)}#result-elo-row{display:none;margin-top:10px}.elo-callout{margin-top:14px;padding:12px 16px;border-radius:8px;background:rgba(232,184,75,.07);border:1px solid rgba(232,184,75,.2);font-size:14px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.elo-callout strong{color:var(--gold)}.elo-callout a{color:var(--cyan);font-weight:700;text-decoration:none}.elo-callout a:hover{text-decoration:underline}.ranked-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ranked-badge.ranked{background:rgba(80,220,120,.1);border:1px solid rgba(80,220,120,.3);color:var(--green)}.ranked-badge.unranked{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.35)}#leaderboard-section{display:none}.lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px}.lb-title{font-size:clamp(24px,5vw,40px);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.lb-title span{color:var(--gold)}.lb-subtitle{color:rgba(255,255,255,.35);font-size:13px;margin-top:4px}.lb-loading{padding:48px;color:rgba(255,255,255,.3)}.lb-empty,.lb-loading{text-align:center;font-size:15px}.lb-empty{padding:48px 24px;color:rgba(255,255,255,.35);border:1px dashed rgba(255,255,255,.1);border-radius:10px}.lb-table{width:100%;border-collapse:collapse;font-size:15px}.lb-table thead th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.08)}.lb-table thead th.r{text-align:right}.lb-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s}.lb-table tbody tr:hover{background:rgba(255,255,255,.04)}.lb-table tbody tr.lb-me{background:rgba(232,184,75,.07)}.lb-table tbody tr.lb-me:hover{background:rgba(232,184,75,.1)}.lb-table td{padding:10px 12px;vertical-align:middle}.lb-rank{font-size:16px;width:48px;color:rgba(255,255,255,.4);font-weight:700}.lb-rank.top{font-size:20px;color:#fff}.lb-player{display:flex;align-items:center;gap:10px}.lb-avatar{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.lb-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.lb-name.me{color:var(--gold)}td.lb-elo{font-size:18px;color:var(--gold)}td.lb-elo,td.lb-w{font-weight:700;text-align:right}td.lb-w{color:var(--green)}td.lb-l{color:rgba(220,80,80,.8);font-weight:700;text-align:right}td.lb-pct{color:rgba(255,255,255,.5);text-align:right}@media (max-width:600px){.lb-table thead th:last-child,td.lb-pct{display:none}}.back-btn{color:rgba(255,255,255,.45);font-size:13px;font-weight:600;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);padding:6px 14px;border-radius:4px;transition:color .15s,border-color .15s}.back-btn:hover{color:#fff;border-color:rgba(255,255,255,.3)}.page-title{font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}.page-title span{color:var(--gold)}.page-sub{color:rgba(255,255,255,.45);font-size:15px;margin-top:6px}#mode-section{margin-bottom:30px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;max-width:720px}@media (max-width:640px){.mode-grid{grid-template-columns:1fr}}.mode-btn{border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;padding:18px;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.mode-btn:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.09)}.mode-btn:active{transform:translateY(1px)}.mode-btn.primary{border-color:rgba(232,184,75,.34);background:rgba(232,184,75,.08)}.mode-title{display:block;font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.mode-btn:not(.primary) .mode-title{color:var(--cyan)}.mode-copy{display:block;margin-top:6px;color:rgba(255,255,255,.52);font-size:14px;line-height:1.35}#input-section{margin-bottom:36px}.input-row{display:flex;gap:10px;flex-wrap:wrap}.steam-input{flex:1 1;min-width:260px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:12px 16px;color:#fff;font-family:inherit;font-size:15px;font-weight:600;outline:none;transition:border-color .15s}.steam-input::placeholder{color:rgba(255,255,255,.3)}.steam-input:focus{border-color:var(--gold)}.scan-btn{background:var(--gold);color:#07090d;border:none;border-radius:6px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .15s,transform .1s}.scan-btn:hover{opacity:.88}.scan-btn:active{transform:scale(.97)}.scan-btn:disabled{opacity:.4;cursor:not-allowed}.input-hint{margin-top:8px;color:rgba(255,255,255,.3);font-size:13px}.challenge-banner{display:none;margin:0 0 18px;padding:14px 16px;background:rgba(0,223,240,.09);border:1px solid rgba(0,223,240,.24);border-radius:8px;color:rgba(255,255,255,.72);font-size:15px}.challenge-banner strong{color:var(--cyan)}.error-banner{background:rgba(220,80,80,.12);border:1px solid rgba(220,80,80,.3);border-radius:6px;padding:12px 16px;color:var(--red);font-size:14px;font-weight:600;margin-bottom:20px;display:none}#scan-screen{display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 0;text-align:center}.scan-ring{width:80px;height:80px;border-radius:50%;border:3px solid rgba(232,184,75,.15);border-top:3px solid var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.scan-label{font-size:15px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.1em;text-transform:uppercase}.scan-sub{font-size:13px;color:rgba(255,255,255,.3)}#duel-section{display:none;gap:16px}.duel-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:700px){.duel-grid{grid-template-columns:1fr}}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;gap:12px}.vs-text{font-size:28px;font-weight:700;color:rgba(255,255,255,.2);letter-spacing:.1em}.vs-text.active{color:var(--gold)}.player-panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.player-panel.winner{border-color:var(--gold);box-shadow:0 0 32px rgba(232,184,75,.15)}.player-panel.loser{opacity:.6}.panel-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07);justify-content:space-between;gap:12px}.panel-header,.profile-chip{display:flex;align-items:center}.profile-chip{gap:10px;min-width:0}.profile-avatar{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08)}.panel-name{font-size:17px;overflow:hidden;text-overflow:ellipsis}.panel-name,.panel-value{font-weight:700;white-space:nowrap}.panel-value{font-size:22px;color:var(--gold)}.panel-value.winner-val{color:var(--green)}.panel-meta{font-size:12px;color:rgba(255,255,255,.35);margin-top:2px}.mog-badge{background:var(--gold);color:#07090d;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:3px;display:none}.player-panel.winner .mog-badge{display:inline-block}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:8px;gap:8px;padding:16px;max-height:480px;overflow-y:auto}.item-grid::-webkit-scrollbar{width:4px}.item-grid::-webkit-scrollbar-track{background:transparent}.item-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:2px}.item-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:8px 6px;text-align:center;transition:background .12s,border-color .12s;cursor:default;position:relative}.item-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.item-img{width:72px;height:54px;object-fit:contain;display:block;margin:0 auto 6px}.item-name{font-size:10px;font-weight:600;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.item-price{font-size:11px;font-weight:700;color:var(--gold);margin-top:3px}.item-qty{position:absolute;top:4px;right:5px;font-size:10px;font-weight:700;color:rgba(255,255,255,.4)}.item-rarity-bar{height:2px;border-radius:1px;margin-top:6px}#solo-section{display:none}.solo-header{justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.solo-header,.solo-identity{display:flex;align-items:center}.solo-identity{gap:14px;min-width:0}.solo-avatar{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08)}.solo-name{font-size:22px;font-weight:700}.solo-value{font-size:32px;font-weight:700;color:var(--gold)}.solo-meta{font-size:13px;color:rgba(255,255,255,.4)}.rank-pill{display:inline-flex;align-items:center;margin-top:7px;padding:4px 9px;border:1px solid rgba(232,184,75,.34);border-radius:4px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(232,184,75,.08)}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:18px 0 4px}@media (max-width:700px){.summary-strip{grid-template-columns:1fr}}.summary-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:12px 14px}.summary-label{color:rgba(255,255,255,.36);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.summary-value{margin-top:5px;color:#fff;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiplayer-status{display:none;margin:18px 0;padding:16px;border:1px solid rgba(0,223,240,.24);border-radius:8px;background:rgba(0,223,240,.07)}.multiplayer-title{color:var(--cyan);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.multiplayer-copy{margin-top:6px;color:rgba(255,255,255,.66);font-size:15px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.action-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:10px 20px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}.action-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.action-btn.primary{background:var(--gold);color:#07090d;border-color:var(--gold)}.action-btn.primary:hover{opacity:.88}.copied-tip{font-size:12px;color:var(--green);font-weight:600;opacity:0;transition:opacity .3s;align-self:center}.duel-result{display:none;margin:20px 0;padding:18px;border:1px solid rgba(232,184,75,.22);border-radius:10px;background:linear-gradient(135deg,rgba(232,184,75,.12),rgba(0,223,240,.06))}.result-kicker{color:rgba(255,255,255,.44);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.result-title{margin-top:4px;font-size:clamp(28px,5vw,52px);font-weight:700;line-height:1}.result-sub{margin-top:8px;color:rgba(255,255,255,.62);font-size:16px}#win-overlay{display:none;position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 42%,rgba(200,30,30,.18),transparent 28%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.18),transparent 42%),rgba(0,0,0,.82);align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}#win-overlay:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(200,30,30,.12),transparent),radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(200,30,30,.05) 19%,transparent 34%);opacity:.65;transform:rotate(-4deg) scale(1.15)}#win-overlay>*{position:relative;z-index:1}.win-title{position:relative;display:inline-block;font-family:Impact,Arial Narrow,sans-serif;font-size:144px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#c91818;max-width:calc(100vw - 48px);text-shadow:0 0 32px rgba(200,24,24,.45),0 4px 0 rgba(0,0,0,.8),0 8px 20px rgba(0,0,0,.45);transform:rotate(-5deg);animation:mogged-slam .36s cubic-bezier(.2,1.35,.32,1) both}@keyframes mogged-slam{0%{opacity:0;transform:rotate(-11deg) scale(1.9);filter:blur(8px)}58%{opacity:1;transform:rotate(-5deg) scale(.92);filter:blur(0)}78%{transform:rotate(-5deg) scale(1.04)}to{transform:rotate(-5deg) scale(1)}}@media (max-width:760px){.win-title{font-size:88px;letter-spacing:.06em}}@media (max-width:480px){.win-title{font-size:56px;letter-spacing:.05em}}.win-sub{font-size:20px;color:rgba(255,255,255,.7)}.win-value{font-size:34px;font-weight:700;color:var(--gold)}.win-stats{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.win-stat{min-width:150px;padding:10px 14px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.win-stat-label{display:block;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.win-stat-value{display:block;margin-top:4px;color:#fff;font-size:16px;font-weight:700;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-close{margin-top:24px;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:10px 28px;color:rgba(255,255,255,.6);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.06em;text-transform:uppercase}.win-close:hover{border-color:rgba(255,255,255,.5);color:#fff}#waiting-arena{padding:20px 0 40px}.arena-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:36px}.arena-pulse{width:10px;height:10px;border-radius:50%;background:var(--cyan);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(0,223,240,.4)}50%{opacity:.5;box-shadow:0 0 0 7px rgba(0,223,240,0)}}.arena-label-text{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.arena-grid{display:grid;grid-template-columns:1fr 80px 1fr;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;margin-bottom:24px}@media (max-width:640px){.arena-grid{grid-template-columns:1fr}}.arena-player{padding:32px 24px;text-align:center}.arena-player.me{border-right:1px solid rgba(255,255,255,.08)}.arena-player.unknown{border-left:1px solid rgba(255,255,255,.08);opacity:.45}@media (max-width:640px){.arena-player.me,.arena-player.unknown{border:none;border-bottom:1px solid rgba(255,255,255,.08)}}.arena-avatar{border-radius:12px;object-fit:cover;border:2px solid rgba(232,184,75,.3);display:block}.arena-avatar,.arena-avatar-ghost{width:80px;height:80px;margin:0 auto 14px}.arena-avatar-ghost{border-radius:50%;background:rgba(255,255,255,.04);border:2px dashed rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:32px;color:rgba(255,255,255,.12)}.arena-player-name{font-size:17px;font-weight:700;margin-bottom:6px}.arena-player-value{font-size:28px;font-weight:700;color:var(--gold);margin-bottom:4px}.arena-player-rank{font-size:11px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.1em}.arena-player.unknown .arena-player-name{color:rgba(255,255,255,.2)}.arena-player.unknown .arena-player-value{color:rgba(255,255,255,.15)}.arena-vs-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.2)}.arena-vs-text{font-size:22px;font-weight:700;color:rgba(255,255,255,.14);letter-spacing:.12em}.arena-wait-dots{display:flex;flex-direction:column;gap:5px}.arena-wait-dots span{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:dot-fade 1.5s ease-in-out infinite}.arena-wait-dots span:nth-child(2){animation-delay:.3s}.arena-wait-dots span:nth-child(3){animation-delay:.6s}@keyframes dot-fade{0%,to{opacity:.2}50%{opacity:1}}.arena-hint{text-align:center;color:rgba(255,255,255,.3);font-size:13px;margin-bottom:16px}.arena-actions{display:flex;gap:10px;flex-wrap:wrap}#mog-sequence,.arena-actions{justify-content:center;align-items:center}#mog-sequence{display:none;position:fixed;inset:0;z-index:60;background:rgba(7,9,13,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:0;padding:24px}.seq-players{display:flex;align-items:center;gap:clamp(20px,6vw,72px);margin-bottom:52px}.seq-player{text-align:center}.seq-player-avatar{width:100px;height:100px;border-radius:16px;object-fit:cover;border:2px solid rgba(255,255,255,.18);margin:0 auto 14px;display:block}.seq-player-name{font-size:16px;font-weight:700;color:rgba(255,255,255,.8);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-vs{font-size:clamp(36px,8vw,72px);font-weight:700;color:var(--gold);letter-spacing:.1em;flex-shrink:0;animation:vs-pulse 1.1s ease-in-out infinite alternate}@keyframes vs-pulse{0%{opacity:.55;transform:scale(.93)}to{opacity:1;transform:scale(1.07)}}.seq-status{font-size:clamp(15px,3.2vw,24px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.seq-bar{width:min(480px,86vw);height:3px;background:rgba(255,255,255,.08);border-radius:2px;margin-top:28px;overflow:hidden}.seq-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:2px;width:0}