:root{color:#f3f5f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0f13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}.auth-shell{background:#0b0e12;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.auth-visual{min-height:100vh;position:relative;overflow:hidden}.auth-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-visual-overlay{background:linear-gradient(90deg,#090b0ee6,#090b0e85 58%,#090b0eeb),linear-gradient(#0000 38%,#090b0edb);position:absolute;inset:0}.auth-brand,.auth-copy,.auth-panel,.auth-card-icon,.auth-steam,.auth-download,.auth-back,.auth-db-note,.auth-stats{align-items:center;display:flex}.auth-brand{z-index:1;gap:12px;padding:28px 32px;position:relative}.auth-brand strong{font-size:20px;display:block}.auth-brand span{color:#9aa4af;font-size:12px}.auth-copy{z-index:1;flex-direction:column;align-items:flex-start;max-width:720px;position:absolute;bottom:42px;left:30px;right:30px}.auth-copy h1{letter-spacing:0;max-width:700px;margin:20px 0 10px;font-size:58px;line-height:1.02}.auth-tagline{color:#c8d3df;max-width:520px;margin:0 0 24px;font-size:20px;line-height:1.35}.auth-stats{flex-wrap:wrap;gap:12px}.auth-stats span{color:#aeb7c2;background:#ffffff1a;border-radius:8px;min-width:122px;padding:12px 14px}.auth-stats strong{color:#fff;font-size:22px;display:block}.auth-panel{background:radial-gradient(circle at 80% 10%,#f044381a,#0000 32%),linear-gradient(#15171d,#0b0e12);justify-content:center;min-height:100vh;padding:34px}.auth-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;width:min(100%,440px);padding:34px;box-shadow:0 28px 80px #0000003d}.auth-card-icon{color:#fff;background:linear-gradient(135deg,#f04438,#14b8a6);border-radius:8px;justify-content:center;width:52px;height:52px}.auth-card h2{letter-spacing:0;margin:24px 0 10px;font-size:32px}.auth-card p{color:#aeb7c2;margin:0 0 22px;line-height:1.5}.auth-steam,.auth-download,.auth-back{color:#fff;background:#f04438;border-radius:8px;justify-content:center;gap:10px;width:100%;min-height:52px;margin-top:8px;font-weight:900;text-decoration:none}.auth-download{color:#dffdf8;background:#14b8a629}.auth-back{color:#c7d2df;background:#ffffff14;min-height:42px}.auth-steam.disabled{pointer-events:none;opacity:.64}.intro-card{background:radial-gradient(circle at 20% 0,#14b8a629,#0000 34%),#ffffff0f}.intro-actions{gap:10px;display:grid}.intro-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.intro-feature-grid span{color:#c7d2df;background:#fff1;border-radius:8px;padding:10px;font-size:13px;font-weight:800}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:radial-gradient(circle at 82% 8%,#14b8a624,#0000 30%),linear-gradient(135deg,#0d0f13 0%,#14171c 52%,#111418 100%);grid-template-columns:248px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.veto-shell,.server-shell{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;background:radial-gradient(circle at 72% 8%,#14b8a61f,#0000 30%),linear-gradient(135deg,#0b0e12,#14171c);height:100vh;min-height:100vh;padding:22px;overflow:auto}.veto-shell::-webkit-scrollbar{width:8px}.server-shell::-webkit-scrollbar{width:8px}.veto-shell::-webkit-scrollbar-track{background:0 0}.server-shell::-webkit-scrollbar-track{background:0 0}.veto-shell::-webkit-scrollbar-thumb{background:#ffffff3d padding-box padding-box;border:2px solid #0000;border-radius:999px}.server-shell::-webkit-scrollbar-thumb{background:#ffffff3d padding-box padding-box;border:2px solid #0000;border-radius:999px}.accept-overlay{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.accept-modal{text-align:center;background:radial-gradient(circle at 50% 0,#14b8a629,#0000 34%),#181c22;border:1px solid #ffffff1f;border-radius:8px;width:min(430px,100%);padding:28px;box-shadow:0 32px 90px #0000006b}.accept-timer{color:#fff;background:#f044381f;border:3px solid #f04438c7;border-radius:50%;place-items:center;width:86px;height:86px;margin:0 auto 16px;font-size:34px;font-weight:900;display:grid}.accept-modal h2{letter-spacing:0;margin:8px 0;font-size:30px}.accept-modal p{color:#aeb7c2;margin:0 0 20px}.accept-actions{grid-template-columns:.8fr 1fr;gap:10px;display:grid}.match-cancelled-overlay{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 42%,#f044383d,#0000 34%),#040609d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.match-cancelled-modal{text-align:center;background:linear-gradient(145deg,#491c1ff5,#16181dfa),#181c22;border:1px solid #f0443875;border-radius:8px;width:min(470px,100%);padding:34px 30px;box-shadow:0 34px 90px #00000080}.match-cancelled-icon{color:#fff;background:#f0443852;border:2px solid #ffffffc7;border-radius:50%;place-items:center;width:82px;height:82px;margin:0 auto 18px;display:grid}.match-cancelled-modal span,.match-cancelled-modal small{color:#ffb4ad;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.match-cancelled-modal h2{color:#fff;margin:8px 0 10px;font-size:42px;line-height:1}.match-cancelled-modal p{color:#ffe4e1;margin:0 0 18px;font-size:16px}.queue-notice-overlay{z-index:95;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 42%,#f59e0b33,#0000 34%),#040609d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.queue-notice-modal{text-align:center;background:linear-gradient(145deg,#451a03f5,#16181dfa),#181c22;border:1px solid #f59e0b6b;border-radius:8px;width:min(470px,100%);padding:30px;box-shadow:0 34px 90px #00000080}.queue-notice-icon{color:#fecaca;background:#f871712e;border:2px solid #fecacad6;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 16px;display:grid}.queue-notice-modal h2{color:#fff;margin:8px 0 10px;font-size:30px;line-height:1.05}.queue-notice-modal p{color:#ffe4c7;margin:0 0 18px;font-size:16px;line-height:1.45}.queue-notice-timer{color:#fef3c7;background:#fbbf241a;border:1px solid #fbbf2447;border-radius:8px;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:9px;width:fit-content;margin:0 auto 18px;padding:10px 14px;display:grid}.queue-notice-timer strong{font-size:24px;font-weight:950}.queue-notice-timer small{color:#f8c5c1;font-weight:800}.queue-notice-modal .play-button{width:100%}.veto-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.veto-grid{grid-template-columns:320px minmax(0,1fr);gap:18px;display:grid}.team-panel{align-content:start;gap:14px;display:grid}.team-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.team-card.active{background:linear-gradient(135deg,#14b8a61c,#0000),#ffffff0e;border-color:#14b8a66b}.team-title{margin-bottom:12px}.team-title span,.team-title strong{display:block}.team-title span{color:#fff;font-size:18px;font-weight:900}.team-title strong{color:#9fd8d2;text-transform:uppercase;margin-top:3px;font-size:12px}.team-member{border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:5px;display:grid}.team-member.rank-frame{background:linear-gradient(90deg, color-mix(in srgb, var(--rank-a), transparent 84%), transparent), #ffffff06;box-shadow:inset 2px 0 0 var(--rank-a)}.team-member img,.team-member>span:first-child{color:#0d0f13;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.team-member img{object-fit:cover}.rank-avatar{background:linear-gradient(135deg,#374151,#111827);border-radius:10px;place-items:center;width:40px;height:40px;padding:3px;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff14}.rank-avatar img,.rank-avatar>span{color:#0d0f13;object-fit:cover;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.rank-frame{--rank-a:#4b5563;--rank-b:#111827;--rank-glow:#94a3b83d}.rank-avatar.rank-frame{background:linear-gradient(135deg, var(--rank-a), var(--rank-b));box-shadow:0 0 0 1px color-mix(in srgb, var(--rank-a), white 18%), 0 0 18px var(--rank-glow)}.rank-frame.rank-bronze{--rank-a:#b45309;--rank-b:#451a03;--rank-glow:#b4530947}.rank-frame.rank-silver{--rank-a:#cbd5e1;--rank-b:#475569;--rank-glow:#cbd5e142}.rank-frame.rank-gold{--rank-a:#facc15;--rank-b:#92400e;--rank-glow:#facc154d}.rank-frame.rank-diamond{--rank-a:#67e8f9;--rank-b:#2563eb;--rank-glow:#67e8f94d}.rank-frame.rank-elite{--rank-a:#f472b6;--rank-b:#7c3aed;--rank-glow:#f472b652}.team-member>div{gap:2px;min-width:0;display:grid}.team-member strong,.team-member em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-member em{color:#9fd8d2;font-size:11px;font-style:normal;font-weight:800}.team-member small{color:#fff;background:#f04438;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:900}.veto-main{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;min-width:0;padding:18px}.veto-status{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.veto-status h1{letter-spacing:0;margin:4px 0 0;font-size:34px}.timer{color:#fff;background:#f044382e;border-radius:8px;place-items:center;min-width:72px;height:52px;font-size:22px;font-weight:900;display:grid}.map-section-title{color:#fff;letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.map-grid{grid-template-columns:repeat(4,minmax(128px,1fr));gap:12px;display:grid}.map-card{color:#fff;text-align:left;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;min-height:150px;padding:8px}.map-card:not(:disabled):hover{background:#14b8a61a;border-color:#14b8a685}.map-card:disabled{cursor:default}.map-card strong{margin-top:10px;font-size:18px;display:block}.map-card span{color:#9aa4af;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:800;display:flex}.map-card.banned{opacity:.62}.map-card.selected{background:#14b8a624;border-color:#14b8a6}.map-art{border-radius:6px;height:92px;position:relative;overflow:hidden}.map-art img{object-fit:cover;filter:saturate(.92)contrast(1.05);width:100%;height:100%}.ban-overlay{color:#fff;background:#05070a9e;place-items:center;display:grid;position:absolute;inset:0}.ban-overlay:before{content:"";border:4px solid #f04438;border-radius:50%;width:52px;height:52px;position:absolute}.ban-overlay:after{content:"";background:#f04438;border-radius:999px;width:62px;height:5px;position:absolute;transform:rotate(-42deg)}.ban-overlay svg{z-index:1;position:relative}.veto-connect{color:#c7d2df;background:#14b8a61f;border-radius:8px;margin-top:16px;padding:14px}.veto-connect strong,.veto-connect span{display:block}.veto-connect strong{color:#fff}.server-grid{grid-template-columns:minmax(0,1fr) 380px;gap:18px;display:grid}.server-hero,.connect-panel,.players-panel{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px}.server-hero{min-height:420px;position:relative;overflow:hidden}.server-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.server-hero-overlay{background:linear-gradient(90deg,#080a0de6,#080a0d40),linear-gradient(#0000,#080a0dc7);position:absolute;inset:0}.server-hero-content{position:absolute;bottom:28px;left:28px;right:28px}.server-hero-content h1{letter-spacing:0;margin:6px 0;font-size:48px}.server-hero-content p{color:#c7d2df;margin:0;font-size:20px}.connect-panel{align-content:start;gap:12px;padding:18px;display:grid}.connect-timer{background:#f0443824;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.connect-timer strong,.connect-timer span{display:block}.connect-timer strong{font-size:26px}.connect-timer span{color:#f8c5c1;text-transform:uppercase;font-size:12px;font-weight:900}.connect-panel code{color:#dbeafe;text-overflow:ellipsis;white-space:nowrap;background:#00000047;border-radius:8px;padding:12px;display:block;overflow:hidden}.connect-state{color:#f8c5c1;font-size:13px;font-style:normal}.connect-state.ok{color:#9fd8d2}.sync-debug{color:#b7d5d1;background:#9fd8d212;border:1px solid #9fd8d238;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800}.sync-debug.ok{color:#99f6e4;background:#14b8a61a;border-color:#2dd4bf47}.finish-test-panel{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;gap:10px;padding:12px;display:grid}.finish-test-panel>span{color:#aeb7c2;text-transform:uppercase;font-size:12px;font-weight:900}.finish-test-panel>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.players-panel{grid-column:1/-1;padding:18px}.server-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.server-player{background:#ffffff0e;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:9px;display:grid}.server-player.rank-frame{background:linear-gradient(90deg, color-mix(in srgb, var(--rank-a), transparent 86%), transparent), #ffffff0e;box-shadow:inset 2px 0 0 var(--rank-a)}.server-player img,.server-player>span:first-child{color:#0d0f13;background:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:900;display:grid}.server-player img{object-fit:cover}.server-player strong,.server-player small{display:block}.server-player small{color:#9aa4af;margin-top:2px}.server-player em{color:#f8c5c1;font-size:12px;font-style:normal;font-weight:900}.server-player.connected em{color:#9fd8d2}.recent-match-list{gap:10px;display:grid}.recent-match{background:#ffffff0e;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;display:grid}.recent-match>span{color:#fff;background:#f59e0b33;border-radius:8px;place-items:center;width:42px;height:34px;font-weight:900;display:grid}.recent-match>span.win{background:#22c55e47}.recent-match>span.loss{background:#f0443847}.recent-match strong,.recent-match small{display:block}.recent-match small{color:#9aa4af;margin-top:2px}.recent-match em{color:#dbeafe;font-style:normal;font-weight:900}.empty-history{color:#9aa4af;background:#ffffff0e;border-radius:8px;padding:18px}.sidebar{background:linear-gradient(#14b8a60b,#0000 28%),#090b0f;border-right:1px solid #ffffff13;flex-direction:column;gap:18px;padding:22px 16px;display:flex}.brand,.rank-row,.top-actions,.profile-button,.steam-login,.search,.panel-header,.hero-stats,.live-pill,.mode-row,.party-member,.start-time,.performance-metrics div,.ghost-button,.settings-button{align-items:center;display:flex}.brand{border-bottom:1px solid #ffffff12;gap:12px;min-height:52px;padding:2px 4px 16px}.brand-logo,.mode-icon,.tournament-badge{color:#fff;background:linear-gradient(135deg,#f04438,#14b8a6);border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.brand-logo{background:0 0;border-radius:10px;width:44px;height:44px;box-shadow:0 12px 32px #14b8a624}.brand strong,.panel h2,.queue-head strong{display:block}.brand span,.sidebar-panel span,.mini-label,.mode-row small,.party-member small,.tournament-card span,.performance-metrics span{color:#9aa4af}.brand strong{letter-spacing:0;font-size:20px}.brand span{color:#9fd8d2;font-size:11px}.primary-nav{gap:8px;padding:4px 0;display:grid}.primary-nav button,.settings-button{color:#aeb7c2;letter-spacing:0;background:0 0;border-radius:8px;grid-template-columns:40px minmax(0,1fr) 8px;place-items:center start;gap:12px;width:100%;min-height:48px;padding:0 14px;font-size:15px;font-weight:850;transition:color .15s,background .15s,transform .15s;display:grid;position:relative;overflow:hidden}.primary-nav button svg,.settings-button svg{color:#c8d3df;box-sizing:content-box;background:#ffffff0e;border-radius:8px;width:20px;height:20px;padding:6px}.primary-nav button span,.settings-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.primary-nav button:hover,.settings-button:hover,.primary-nav .active{color:#fff;background:linear-gradient(90deg,#14b8a629,#ffffff0b),#ffffff0f;transform:translate(2px)}.primary-nav .active{color:#fff;background:linear-gradient(90deg,#14b8a63d,#14b8a60f),#ffffff0f;box-shadow:inset 2px 0 #14b8a6}.primary-nav .active svg{color:#031b1a;background:#2dd4bf}.primary-nav .active:after{content:"";background:#14b8a6;border-radius:50%;justify-self:center;width:6px;height:6px;position:static;box-shadow:0 0 14px #14b8a6bf}.sidebar-panel,.panel,.queue-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px}.sidebar-panel{background:#ffffff0b;padding:14px}.mini-label{letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.rank-row{gap:9px;margin-top:9px}.rank-row span{font-size:12px;display:block}.progress{background:#ffffff1f;border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#f04438,#f59e0b);height:100%;display:block}.settings-button{color:#c7d2df;background:#ffffff0b;margin-top:auto}.workspace{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;min-width:0;height:100vh;padding:18px 22px 24px;overflow:auto}.topbar{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.search{color:#9aa4af;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;gap:10px;max-width:560px;height:44px;padding:0 14px;position:relative}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.search input::placeholder{color:#75808c}.player-search-results{z-index:35;background:#0f1217fa;border:1px solid #ffffff1f;border-radius:8px;gap:8px;width:min(520px,100vw - 40px);max-height:420px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 28px 70px #0000006b}.player-search-results button{color:#fff;text-align:left;background:#ffffff0e;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px;display:grid}.player-search-results button:hover{background:#14b8a61f}.player-search-results img,.player-search-results button>span{color:#0d0f13;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.player-search-results img{object-fit:cover}.player-search-results strong,.player-search-results small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.player-search-results small{color:#9aa4af;margin-top:2px}.player-search-results em{color:#9aa4af;font-size:12px;font-style:normal;font-weight:900}.player-search-results em.online{color:#9ff5ea}.workspace::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar{width:8px;height:8px}.workspace::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}.workspace::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000;border-radius:999px}.workspace::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box}.top-actions{gap:10px}.top-menu{position:relative}.icon-button,.profile-button{color:#fff;background:#ffffff14;border-radius:8px;height:44px;position:relative}.icon-button{width:44px}.profile-button{gap:10px;padding:0 12px 0 6px}.profile-button>span{text-align:left;min-width:0;display:grid}.profile-button strong,.profile-button small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.profile-button small{color:#9fd8d2;margin-top:1px;font-size:11px;font-weight:800}.notification-badge{color:#fff;background:#f04438;border:2px solid #15171d;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.dropdown-panel{z-index:30;background:#14171cfa;border:1px solid #ffffff1f;border-radius:8px;width:320px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0000006b}.profile-dropdown{width:280px}.dropdown-head,.profile-menu-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.dropdown-head{margin-bottom:10px}.dropdown-head button,.dropdown-action{color:#fff;background:#ffffff17;border-radius:8px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.dropdown-list{gap:8px;display:grid}.dropdown-item{background:#ffffff0f;border-radius:8px;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.dropdown-item>span{background:#f04438;border-radius:50%;width:9px;height:9px}.dropdown-item.read{opacity:.62}.dropdown-item.read>span{background:#64748b}.dropdown-item strong,.dropdown-item small,.profile-menu-card strong,.profile-menu-card small{display:block}.dropdown-item small,.profile-menu-card small{color:#9aa4af;margin-top:2px}.profile-menu-card{background:#ffffff0e;border-radius:8px;justify-content:flex-start;margin-bottom:12px;padding:8px}.dropdown-action{width:100%}.dropdown-action.danger{background:#f044382e}.steam-login{color:#fff;background:#f04438;border-radius:8px;gap:8px;height:44px;padding:0 13px;font-weight:800;text-decoration:none}.avatar{color:#0d0f13;background:#fff;border-radius:7px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.avatar.image{object-fit:cover;color:#0000}.api-warning{color:#ffe9bf;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;margin-bottom:16px;padding:12px 14px}.api-warning.compact{margin:12px 0;font-size:13px;line-height:1.35}.hero-panel{border:1px solid #ffffff1a;border-radius:8px;min-height:330px;position:relative;overflow:hidden}.hero-panel img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#090b0eeb,#090b0e59 56%,#090b0edb),linear-gradient(#0000 45%,#090b0ebd);position:absolute;inset:0}.hero-content{z-index:1;max-width:640px;padding:40px;position:relative}.live-pill{color:#d6fff9;background:#14b8a62e;border-radius:999px;gap:8px;width:fit-content;padding:7px 10px}.hero-content h1{letter-spacing:0;max-width:620px;margin:22px 0 24px;font-size:42px;line-height:1.04}.hero-stats{flex-wrap:wrap;gap:12px}.hero-stats span{color:#aeb7c2;background:#ffffff17;border-radius:8px;min-width:112px;padding:12px 14px}.hero-stats strong{color:#fff;font-size:21px;display:block}.queue-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0f13d1;width:min(310px,100% - 56px);padding:18px;position:absolute;bottom:28px;right:28px}.queue-head{margin-bottom:16px}.queue-head span{color:#9aa4af;font-size:13px}.queue-head strong{margin-top:2px;font-size:24px}.queue-live-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.queue-live-stats span{color:#9aa4af;background:#ffffff13;border-radius:8px;padding:10px}.queue-live-stats strong{color:#fff;font-size:18px;display:block}.play-button{color:#fff;background:#f04438;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-weight:800;display:flex}.play-button.cancel{background:#2f3742}.play-button:disabled{cursor:wait;opacity:.72}.admin-page{gap:18px;display:grid}.admin-header{background:linear-gradient(90deg,#0f1218f5,#14b8a624),#ffffff0a}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-tabs button{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;min-height:38px;padding:0 14px;font-weight:900}.admin-tabs button.active{color:#08111f;background:#5eead4}.admin-setting-card{justify-content:space-between;align-items:center;gap:18px;min-height:170px;padding:22px;display:flex}.admin-setting-card h2{margin:6px 0 8px}.admin-setting-card p{color:#aeb7c2;max-width:520px;margin:0;line-height:1.5}.toggle-switch{background:#2f3742;border-radius:999px;flex:none;width:58px;height:32px;padding:3px}.toggle-switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .16s;display:block}.toggle-switch.active{background:#14b8a6}.toggle-switch.active.danger{background:#f04438}.toggle-switch.active span{transform:translate(26px)}.announcement-strip{color:#dffcf7;background:linear-gradient(90deg,#14b8a62e,#ffffff0b),#ffffff0e;border:1px solid #2dd4bf38;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.announcement-strip svg{color:#2dd4bf}.announcement-strip strong{text-transform:uppercase;font-size:12px;font-weight:950}.announcement-strip span{color:#c8d3df;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-announcement-card{grid-column:1/-1}.announcement-admin-control{grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;min-width:min(620px,100%);display:grid}.announcement-admin-control input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;min-width:0;height:42px;padding:0 12px}.admin-number-control{flex:none;align-items:center;gap:8px;display:flex}.admin-number-control input{color:#fff;width:86px;height:42px;font:inherit;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:0 10px;font-weight:800}.admin-number-control span{color:#9aa4af;font-weight:800}.admin-server-form,.admin-server-list{flex-direction:column;grid-column:1/-1;align-items:stretch}.server-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.server-form-grid input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;min-width:0;height:42px;padding:0 12px}.server-form-grid select,.server-form-grid textarea{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;width:100%;min-width:0}.server-form-grid select{height:42px;padding:0 12px}.server-form-grid textarea{resize:vertical;grid-column:1/-1;min-height:150px;padding:12px}.bug-report-row small:last-child{white-space:normal;line-height:1.35}.slot-kick-button{color:#fecaca;background:#f8717124;border-radius:7px;min-height:28px;padding:0 10px;font-weight:900;position:absolute;top:10px;right:10px}.admin-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-inline-actions>span{color:#aeb7c2;font-weight:800}.server-list{gap:10px;display:grid}.server-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;gap:10px;padding:12px;display:grid}.server-row>div{gap:4px;min-width:0;display:grid}.server-row small{color:#9aa4af;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-row .rcon-test{white-space:normal}.server-row .rcon-test.ok{color:#99f6e4}.server-row .rcon-test.error{color:#fecaca}.server-row .rcon-test.pending{color:#fde68a}.server-status{text-transform:uppercase;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:900}.server-status.available{color:#042f2e;background:#2dd4bf}.server-status.occupied{color:#431407;background:#fb923c}.server-status.disabled{color:#d1d5db;background:#374151}.match-ready{gap:10px;display:grid}.server-line{background:#14b8a61f;border-radius:8px;padding:11px 12px}.server-line span,.server-line strong{display:block}.server-line span{color:#9fd8d2;text-transform:uppercase;font-size:12px;font-weight:800}.server-line strong{color:#fff;margin-top:3px}.match-ready code{color:#dbeafe;text-overflow:ellipsis;white-space:nowrap;background:#00000047;border-radius:8px;padding:10px 11px;display:block;overflow:hidden}.match-actions{grid-template-columns:.7fr 1fr;gap:8px;display:grid}.copy-button,.leave-match{color:#fff;background:#ffffff17;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;display:flex}.leave-match{color:#c7d2df;min-height:36px;font-size:13px}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;margin-top:16px;display:grid}.content-grid.redesigned{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr) minmax(300px,.9fr);align-items:start}.rank-summary{gap:8px;display:grid}.rank-summary>strong{font-size:34px;line-height:1}.rank-summary>span{color:#aeb7c2;font-weight:800}.history-panel{grid-row:span 2}.player-profile-page{gap:16px;display:grid}.player-profile-hero{background:linear-gradient(90deg,#090b0ef0,#090b0e94 56%,#090b0edb),url(/assets/matchmaking_page.png) 50%/cover no-repeat;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:20px;min-height:230px;padding:28px;display:flex;overflow:hidden}.player-profile-identity,.player-profile-actions{align-items:center;display:flex}.player-profile-identity{gap:18px;min-width:0}.player-profile-identity img,.player-profile-identity>span{color:#0d0f13;background:#fff;border:2px solid #14b8a680;border-radius:12px;flex:none;place-items:center;width:104px;height:104px;font-size:30px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 18px 48px #0000005c}.player-profile-identity img{object-fit:cover}.player-profile-identity h1{letter-spacing:0;margin:7px 0 5px;font-size:44px;line-height:1}.player-profile-identity p{color:#c7d2df;margin:0;font-size:18px;font-weight:800}.profile-status{color:#9aa4af;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.profile-status:before{content:"";background:#64748b;border-radius:50%;width:8px;height:8px}.profile-status.online{color:#9ff5ea}.profile-status.online:before{background:#22c55e}.player-profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:220px}.player-profile-actions>span{color:#9fd8d2;text-align:right;text-transform:uppercase;width:100%;font-size:12px;font-weight:900}.player-profile-grid{grid-template-columns:minmax(270px,.8fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.profile-matches-panel{grid-column:1/-1}.profile-info-list,.profile-stat-grid{gap:10px;display:grid}.profile-info-list div,.profile-stat-grid div{background:#ffffff0f;border-radius:8px;padding:12px}.profile-info-list span,.profile-stat-grid span{color:#9aa4af;font-size:12px;font-weight:800;display:block}.profile-info-list strong,.profile-stat-grid strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-stat-grid strong{font-size:24px}.profile-rank-panel>small{color:#9aa4af;margin-top:10px;font-weight:800;display:block}.friends-panel{grid-row:span 2}.friend-add{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin-bottom:12px;display:grid}.friend-add input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;outline:0;min-width:0;height:44px;padding:0 12px}.social-list{gap:10px;display:grid}.social-row{background:#ffffff0e;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px;display:grid}.social-row>span{color:#0d0f13;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.social-row img{object-fit:cover;width:100%;height:100%}.social-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.social-player-name{gap:2px;min-width:0;display:grid}.social-player-name small{color:#9aa4af;font-size:12px}.social-row>div:not(.social-player-name){gap:6px;display:flex}.social-row button{color:#fff;background:#ffffff1a;border-radius:8px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.friends-rail{z-index:30;pointer-events:none;width:342px;height:min(640px,100vh - 28px);transition:transform .18s;position:fixed;bottom:14px;right:14px;transform:translate(calc(100% - 52px))}.friends-rail.open{transform:translate(0)}.friends-rail-handle{z-index:2;color:#fff;pointer-events:auto;background:radial-gradient(circle at 50% 20%,#14b8a63d,#0000 42%),#151a20;border:1px solid #ffffff1a;border-right:0;border-radius:8px 0 0 8px;place-items:center;width:52px;height:62px;display:grid;position:absolute;bottom:22px;left:0;box-shadow:-12px 18px 40px #00000052}.friends-rail-handle span{color:#fff;background:#f04438;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.friends-rail-content{pointer-events:auto;background:linear-gradient(#14b8a614,#0000 26%),#0b0e12;border-left:1px solid #ffffff17;border-radius:8px;height:100%;margin-left:52px;padding:20px 16px;box-shadow:-24px 0 80px #0000006b}.friends-rail-head,.friend-code-card button,.rail-player,.rail-friend,.rail-actions{align-items:center;display:flex}.friends-rail-head{justify-content:space-between;gap:12px;margin-bottom:14px}.friends-rail-head h2{margin:2px 0 0;font-size:26px}.friends-rail-head strong{color:#9ff5ea;background:#14b8a61f;border-radius:8px;padding:7px 9px}.friend-code-card{background:#14b8a614;border:1px solid #14b8a638;border-radius:8px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.friend-code-card span{color:#9aa4af;text-transform:uppercase;font-size:11px;font-weight:900}.friend-code-card button{color:#071116;text-align:left;background:#eef2f4;border-radius:6px;justify-content:space-between;gap:8px;min-height:34px;padding:0 8px}.friend-code-card strong{letter-spacing:.03em;color:#071116;font-size:20px}.rail-add{grid-template-columns:minmax(0,1fr) 92px}.friends-rail-scroll{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;gap:16px;max-height:calc(100% - 178px);padding-right:4px;display:grid;overflow:auto}.friends-rail-scroll::-webkit-scrollbar{width:7px}.friends-rail-scroll::-webkit-scrollbar-track{background:0 0}.friends-rail-scroll::-webkit-scrollbar-thumb{background:#ffffff3d padding-box padding-box;border:2px solid #0000;border-radius:999px}.rail-group{gap:8px;display:grid}.rail-friend,.rail-request{background:#ffffff0e;border-radius:8px;min-width:0;padding:9px}.rail-friend{justify-content:space-between;gap:8px}.rail-request{gap:8px;display:grid}.rail-player{gap:10px;min-width:0;position:relative}.rail-player img,.rail-player>span{color:#0d0f13;background:#fff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.rail-player img{object-fit:cover}.rail-player div{min-width:0}.rail-player strong,.rail-player small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.rail-player small{color:#9aa4af;margin-top:2px;font-size:12px}.status-dot{background:#64748b;border:2px solid #151a20;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;left:29px}.status-dot.online{background:#22c55e}.rail-friend>button,.rail-actions button{color:#fff;background:#14b8a629;border-radius:8px;min-height:32px;padding:0 10px;font-size:12px;font-weight:900}.rail-friend>button:disabled{cursor:default;color:#7b8490;background:#ffffff0f}.rail-actions{justify-content:flex-end;gap:6px}.rail-actions button:last-child{background:#f044382e}.matchmaking-page{gap:18px;display:grid}.matchmaking-header{background:linear-gradient(90deg,#090b0ef0,#090b0ea8 52%,#090b0ed1),url(/assets/matchmaking_page.png) 50%/cover no-repeat;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:20px;min-height:150px;padding:28px;display:flex;position:relative;overflow:hidden}.matchmaking-header.history-header{background:linear-gradient(90deg,#090b0ef0,#090b0e9e 52%,#090b0edb),url(/assets/matchhistory.png) 50%/cover no-repeat}.matchmaking-header>*{z-index:1;position:relative}.matchmaking-header h1{margin:8px 0;font-size:44px;line-height:1}.matchmaking-header p{color:#aeb7c2;max-width:620px;margin:0}.matchmaking-rank{text-align:right;background:#ffffff13;border-radius:8px;min-width:160px;padding:16px}.matchmaking-rank strong,.matchmaking-rank span{display:block}.matchmaking-rank strong{font-size:30px}.matchmaking-rank span{color:#9fd8d2;font-weight:900}.lobby-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.lobby-stage{gap:18px;display:grid}.lobby-slots{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;display:grid}.lobby-slot{color:#7f8995;text-align:center;background:#ffffff09;border:1px dashed #ffffff2e;border-radius:8px;place-items:center;min-height:270px;padding:18px;display:grid;position:relative}.slot-invite-button{width:100%;height:100%;min-height:230px;color:inherit;background:0 0;place-items:center;display:grid}.slot-invite-button:hover{color:#fff}.slot-invite-button:disabled{cursor:not-allowed;opacity:.45}.lobby-slot.occupied{color:#fff;background:radial-gradient(circle at 50% 18%,#14b8a629,#0000 34%),#ffffff0f;border-style:solid;border-color:#14b8a647}.lobby-slot.occupied.rank-frame{border-color:color-mix(in srgb, var(--rank-a), white 8%);box-shadow:inset 0 0 0 1px #ffffff0a, 0 18px 42px var(--rank-glow)}.lobby-slot.pending{background:radial-gradient(circle at 50% 18%,#f59e0b2e,#0000 34%),#ffffff0e;border-color:#f59e0b6b}.lobby-slot.pending .rank-avatar{opacity:.72;filter:grayscale(.25)}.lobby-slot.pending small{color:#fbbf24}.lobby-slot .rank-avatar{border-radius:50%;width:86px;height:86px;padding:4px}.lobby-slot .rank-avatar img,.lobby-slot .rank-avatar>span{object-fit:cover;color:#0d0f13;background:#fff;border-radius:50%;place-items:center;width:78px;height:78px;font-size:24px;font-weight:900;display:grid}.lobby-slot strong,.lobby-slot em,.lobby-slot small{display:block}.lobby-slot em{color:#9fd8d2;margin-top:5px;font-size:13px;font-style:normal;font-weight:900}.lobby-slot small{color:#9aa4af;margin-top:5px;font-weight:800}.lobby-controls{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) 220px 130px;align-items:center;gap:12px;padding:16px;display:grid}.restriction-toast{z-index:90;background:linear-gradient(135deg,#451a03f5,#181c23fa),#181c22;border:1px solid #f871715c;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;width:min(520px,100vw - 48px);padding:14px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 70px #00000070}.restriction-toast>div{color:#fecaca;background:#f8717124;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.restriction-toast strong,.restriction-toast p,.restriction-toast small{display:block}.restriction-toast p{color:#fed7aa;margin:4px 0}.restriction-toast small{color:#f8c5c1;font-weight:800}.restriction-toast button{color:#0f172a;background:#fbbf24;border-radius:8px;min-height:38px;padding:0 14px;font-weight:900}.lobby-controls strong,.lobby-controls small{display:block}.lobby-controls small{color:#9aa4af;margin-top:3px}.lobby-sidebar{gap:18px;display:grid}.server-capacity-panel{gap:12px;display:grid}.capacity-meter{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.capacity-meter span{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#fbbf24,#f04438);height:100%;display:block}.capacity-copy strong,.capacity-copy small{display:block}.capacity-copy small{color:#9aa4af;margin-top:4px;font-weight:800}.match-history-page{gap:18px;display:grid}.history-layout{grid-template-columns:370px minmax(0,1fr);align-items:start;gap:18px;display:grid}.history-list{gap:10px;display:grid}.history-row{color:#fff;text-align:left;background:#ffffff0e;border:1px solid #0000;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:64px;padding:10px;display:grid}.history-row.active{background:#14b8a61a;border-color:#14b8a673}.history-row>span{background:#f0443847;border-radius:8px;place-items:center;width:42px;height:36px;font-weight:900;display:grid}.history-row>span.win{background:#22c55e47}.history-row strong,.history-row small{display:block}.history-row small{color:#9aa4af;margin-top:2px}.history-row em{color:#dbeafe;font-style:normal;font-weight:900}.history-detail{gap:18px;display:grid}.history-map-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;min-height:270px;position:relative;overflow:hidden}.history-map-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.history-map-card>div:last-child{position:absolute;bottom:24px;left:24px;right:24px}.history-map-card h2{margin:6px 0;font-size:42px}.history-map-card strong{font-size:32px;display:block}.history-map-card p{color:#c7d2df;margin:6px 0 0}.history-teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.history-team{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;padding:18px}.history-team.winner{background:#22c55e12;border-color:#22c55e57}.history-team .panel-header>strong{color:#9fd8d2;text-transform:uppercase;font-size:13px}.server-player-list.single{grid-template-columns:1fr}.history-player-stats{grid-template-columns:repeat(3,minmax(58px,auto));gap:8px;margin-left:auto;display:grid}.history-player-stats span{color:#9aa4af;text-align:center;background:#ffffff0f;border-radius:8px;gap:2px;min-width:58px;padding:6px 8px;font-size:10px;font-weight:800;display:grid}.history-player-stats strong{color:#fff;font-size:12px}.invite-picker-overlay{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070abd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.invite-picker{background:#181c22;border:1px solid #ffffff1f;border-radius:8px;width:min(470px,100%);max-height:min(680px,100vh - 48px);padding:18px;overflow:auto;box-shadow:0 30px 90px #0000007a}.party-invite-popout{z-index:75;background:linear-gradient(135deg,#491c1ff5,#16181dfa),#181c22;border:1px solid #f044386b;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(560px,100vw - 56px);padding:14px;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 24px 70px #00000073}.party-invite-popout strong,.party-invite-popout span{display:block}.party-invite-popout button{color:#fff;background:#ffffff1a;border-radius:8px;min-height:38px;padding:0 13px;font-weight:900}.party-invite-popout button:last-child{background:#f04438}.panel{padding:18px}.panel-header{justify-content:space-between;gap:12px;margin-bottom:16px}.panel h2{letter-spacing:0;margin:2px 0 0;font-size:22px}.ghost-button{color:#fff;background:#ffffff14;border-radius:8px;gap:8px;min-height:36px;padding:0 11px}.mode-list,.party-list,.tournament-list{gap:10px;display:grid}.mode-row{color:#fff;text-align:left;background:#fff1;border-radius:8px;gap:12px;width:100%;min-height:70px;padding:12px}.mode-row>span:nth-child(2){flex:1}.mode-row strong,.party-member strong{display:block}.mode-row small,.party-member small{margin-top:2px;display:block}.mode-meta{text-align:right;min-width:74px}.mode-meta small{color:#14b8a6}.party-member{gap:10px;min-height:48px}.party-member div{flex:1}.ready-dot{background:#66717d;border-radius:50%;width:10px;height:10px}.ready-dot.ready{background:#22c55e;box-shadow:0 0 0 5px #22c55e24}.steam-account,.steam-empty{gap:14px;display:grid}.steam-empty p{color:#aeb7c2;margin:0;line-height:1.45}.steam-profile,.top-game{align-items:center;gap:12px;display:flex}.steam-profile img,.top-game img{object-fit:cover;border-radius:8px;width:46px;height:46px}.steam-profile strong,.top-game strong{display:block}.steam-profile span,.top-game span{color:#9aa4af;word-break:break-word;margin-top:3px;font-size:13px;display:block}.steam-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.steam-metrics div{background:#fff1;border-radius:8px;min-height:72px;padding:10px}.steam-metrics strong,.steam-metrics span{display:block}.steam-metrics strong{font-size:20px}.steam-metrics span{color:#9aa4af;margin-top:4px;font-size:12px}.steam-connect{color:#fff;background:#ffffff14;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;font-weight:800;text-decoration:none;display:flex}.tournament-panel{grid-column:span 2}.tournament-card{background:#fff1;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:72px;padding:14px;display:grid}.tournament-card h3{margin:0 0 4px;font-size:17px}.tournament-meta{text-align:right;min-width:120px}.tournament-meta strong,.tournament-meta span{display:block}.start-time{color:#f59e0b;justify-content:flex-end;gap:7px;min-width:94px}.match-strip{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px;display:grid}.match-strip span{border-radius:8px;place-items:center;min-height:40px;font-weight:900;display:grid}.match-strip .win{color:#eafff2;background:#22c55e3d}.match-strip .loss{color:#ffeceb;background:#f0443842}.performance-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.performance-metrics div{background:#fff1;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:86px}.performance-metrics strong{font-size:20px}@media (width<=1120px){body{overflow:auto}.veto-grid{grid-template-columns:1fr}.team-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.map-grid{grid-template-columns:repeat(3,minmax(128px,1fr))}.server-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand div:last-child,.primary-nav span,.settings-button span,.sidebar-panel{display:none}.primary-nav button,.settings-button{justify-content:center}.lobby-layout,.content-grid.redesigned,.player-profile-grid{grid-template-columns:1fr}.player-profile-hero{flex-direction:column;align-items:flex-start}.player-profile-actions{justify-content:flex-start}.player-profile-actions>span{text-align:left}.lobby-slots{grid-template-columns:repeat(3,minmax(130px,1fr))}.lobby-controls{grid-template-columns:1fr}}@media (width<=820px){.veto-status,.veto-header{flex-direction:column;align-items:flex-start}.team-panel,.map-grid,.server-player-list{grid-template-columns:1fr}.auth-shell{height:auto;min-height:100vh;display:block}.auth-visual{min-height:52vh}.auth-copy h1{font-size:34px}.auth-panel{min-height:auto;padding:18px}.app-shell{height:auto;min-height:100vh;display:block;overflow:auto}.sidebar{z-index:5;flex-direction:row;align-items:center;padding:10px;position:sticky;top:0;overflow-x:auto}.brand{min-width:48px}.primary-nav{grid-auto-columns:46px;grid-auto-flow:column}.workspace{height:auto;min-height:calc(100vh - 117px);padding:14px}.topbar,.content-grid{grid-template-columns:1fr;display:grid}.search{max-width:none}.player-search-results{width:calc(100vw - 28px)}.player-profile-identity{flex-direction:column;align-items:flex-start}.player-profile-identity h1{font-size:34px}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-rail{width:min(342px,100vw - 16px);height:min(600px,100vh - 16px);bottom:8px;right:8px}.friends-rail-content{padding:16px 12px}.lobby-slots{grid-template-columns:1fr}.lobby-slot{min-height:190px}.top-actions{justify-content:flex-end}.hero-panel{min-height:560px}.hero-content{padding:26px}.hero-content h1{font-size:34px}.queue-card{width:auto;bottom:26px;left:26px;right:26px}.tournament-panel{grid-column:auto}.tournament-card{grid-template-columns:44px minmax(0,1fr)}.server-form-grid,.server-row{grid-template-columns:1fr}.server-row{align-items:stretch}.tournament-meta,.start-time{text-align:left;grid-column:2;justify-content:flex-start}}.boot-splash{background:radial-gradient(circle at 50% 35%,#141922 0%,#0b0e12 70%);flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100vh;display:flex}.boot-splash .brand-logo{filter:drop-shadow(0 0 24px #5eead459);width:76px;height:76px;animation:1.8s ease-in-out infinite boot-pulse}.boot-splash .spin{color:#5eead4;animation:.9s linear infinite spin}@keyframes boot-pulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.sidebar-bottom-actions{align-items:stretch;gap:8px;margin-top:auto;display:flex}.sidebar-bottom-actions .settings-button{margin-top:0}.sidebar-bottom-actions .settings-button[title=Report\ Bug]{color:#fca5a5;background:#f444381f;flex:none;grid-template-columns:40px;justify-content:center;width:46px;padding:0;transition:background .18s,color .18s,transform .18s}.sidebar-bottom-actions .settings-button[title=Report\ Bug]:hover{color:#fff;background:#f4443847;transform:translateY(-1px)}.sidebar-bottom-actions .settings-button:not([title=Report\ Bug]){flex:auto}.float-labels{gap:16px;display:grid}.float-field{position:relative}.float-field input,.float-field textarea,.float-field select{color:#f3f5f7;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:52px;padding:20px 14px 8px;transition:border-color .18s,background .18s,box-shadow .18s}.float-field textarea{resize:vertical;min-height:110px;padding-top:24px}.float-field input:focus,.float-field textarea:focus,.float-field select:focus{background:#5eead40f;border-color:#5eead4;box-shadow:0 0 0 3px #5eead41f}.float-field label{color:#8b97a6;pointer-events:none;transform-origin:0 0;font-size:14px;transition:transform .16s,color .16s,font-size .16s;position:absolute;top:16px;left:14px}.float-field input:focus+label,.float-field input:not(:placeholder-shown)+label,.float-field textarea:focus+label,.float-field textarea:not(:placeholder-shown)+label,.float-field.select-field label{color:#5eead4;transform:translateY(-9px)scale(.78)}.float-field.select-field select{appearance:none;padding-top:22px}.float-field.select-field label{font-size:14px}.server-form-grid.float-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.server-form-grid.float-labels .float-field input,.server-form-grid.float-labels .float-field select{height:auto;min-height:52px}.report-page{flex-direction:column;gap:18px;display:flex}.report-page .matchmaking-header{justify-content:space-between;align-items:flex-start;display:flex}.report-page .matchmaking-header svg{color:#fca5a5;flex:none}.report-form-card{flex-direction:column;gap:18px;max-width:720px;padding:22px;display:flex}.report-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.report-form .textarea-field{grid-column:1/-1}.report-form-card .play-button{align-self:flex-start;align-items:center;gap:8px;display:inline-flex}.report-status.success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;padding:10px 14px;font-size:14px}.admin-reports-panel{grid-column:1/-1}.reports-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:8px;display:grid}.report-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:border-color .18s,transform .18s;display:flex}.report-card:hover{border-color:#5eead44d;transform:translateY(-2px)}.report-card.resolved{opacity:.72}.report-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.report-card-meta{align-items:center;gap:10px;min-width:0;display:flex}.report-card-meta strong{font-size:15px;display:block}.report-card-meta small{color:#8b97a6;font-size:12px}.report-avatar{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.report-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:600}.report-badge.open{color:#fca5a5;background:#f4443829}.report-badge.resolved{color:#6ee7b7;background:#10b98129}.report-card-body{color:#c7d2df;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.report-card-actions{justify-content:flex-end;display:flex}.leaderboard-page{flex-direction:column;gap:18px;display:flex}.leaderboard-page .matchmaking-header svg{color:#fbbf24}.leaderboard-table{flex-direction:column;gap:6px;display:flex}.leaderboard-row{color:#f3f5f7;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:48px minmax(0,2.4fr) 1fr .8fr .9fr .8fr .8fr .8fr;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;transition:transform .15s,border-color .15s,background .15s;display:grid}.leaderboard-row:not(.head):hover{background:#5eead40f;border-color:#5eead459;transform:translate(3px)}.leaderboard-row.head{color:#8b97a6;text-transform:uppercase;letter-spacing:.06em;cursor:default;background:0 0;border:0;font-size:11px}.leaderboard-row.me{background:#5eead414;border-color:#5eead48c}.leaderboard-row.top-1{background:linear-gradient(90deg,#fbbf2424,#ffffff08);border-color:#fbbf2499}.leaderboard-row.top-2{background:linear-gradient(90deg,#cbd5e11f,#ffffff08);border-color:#cbd5e180}.leaderboard-row.top-3{background:linear-gradient(90deg,#d977061f,#ffffff08);border-color:#d9770680}.lb-pos{color:#fbbf24;justify-content:center;align-items:center;font-weight:700;display:flex}.lb-player{align-items:center;gap:10px;min-width:0;display:flex}.lb-player img,.lb-player i{object-fit:cover;background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-style:normal;display:flex}.lb-player strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-elo{color:#5eead4;font-weight:700}.lb-rank.rank-diamond{color:#67e8f9}.lb-rank.rank-platinum{color:#a5b4fc}.lb-rank.rank-gold{color:#fbbf24}.lb-rank.rank-silver{color:#cbd5e1}.lb-rank.rank-bronze{color:#d97706}.match-detail-page{flex-direction:column;gap:16px;display:flex}.match-detail-hero{border-radius:16px;align-items:flex-end;min-height:200px;padding:22px;display:flex;position:relative;overflow:hidden}.match-detail-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.match-detail-hero-content{z-index:1;position:relative}.match-detail-hero-content h1{letter-spacing:.04em;margin:4px 0;font-size:44px}.match-detail-back{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:10px;padding:8px 14px;position:absolute;top:16px;left:16px}.scoreboard-team{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:14px 16px}.scoreboard-team.winner{background:linear-gradient(#5eead412,#ffffff05);border-color:#5eead466}.scoreboard-team-head h2{margin:0 0 10px;font-size:18px}.scoreboard-table{flex-direction:column;gap:4px;display:flex}.scoreboard-row{color:#f3f5f7;text-align:left;background:#ffffff05;border-radius:9px;grid-template-columns:minmax(0,2.4fr) repeat(7,1fr);align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:14px;transition:background .15s;display:grid}.scoreboard-row:not(.head):not(.bot):hover{background:#5eead40f}.scoreboard-row.head{color:#8b97a6;text-transform:uppercase;letter-spacing:.05em;cursor:default;background:0 0;font-size:11px}.scoreboard-row.me{background:#5eead41a}.scoreboard-row.bot{opacity:.6;cursor:default}.sb-name{align-items:center;gap:9px;min-width:0;display:flex}.sb-name img,.sb-name i{object-fit:cover;background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-style:normal;display:flex}.sb-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-name em{color:#8b97a6;background:#ffffff1a;border-radius:5px;padding:1px 5px;font-size:10px;font-style:normal}.profile-perf-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.profile-perf-grid div{text-align:center;background:#ffffff0a;border-radius:10px;padding:10px 6px}.profile-perf-grid strong{color:#5eead4;font-size:18px;display:block}.profile-perf-grid span{color:#8b97a6;text-transform:uppercase;font-size:11px}.profile-form-row{gap:6px;margin-top:12px;display:flex}.form-dot{border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.form-dot.win{color:#6ee7b7;background:#10b9812e}.form-dot.loss{color:#fca5a5;background:#f444382e}.profile-fav-map{color:#8b97a6;margin-top:10px;display:block}.play-button.compact{width:auto;margin-top:12px;padding:8px 14px;font-size:13px;display:inline-flex}.panel{background:linear-gradient(#ffffff09,#ffffff03);border:1px solid #ffffff12;border-radius:16px;box-shadow:0 10px 30px -18px #000000b3}.matchmaking-header h1{background:linear-gradient(90deg,#fff,#9fb4c7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.live-dot-pill{letter-spacing:.06em;color:#fca5a5;background:#f4443824;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-dot-pill svg{animation:1.4s ease-in-out infinite live-blink}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.35}}.live-activity-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px;display:grid}.live-activity-grid div{text-align:center;background:#ffffff0a;border-radius:12px;padding:14px 6px}.live-activity-grid strong{color:#5eead4;font-size:26px;display:block}.live-activity-grid span{color:#8b97a6;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.landing-card{text-align:left;gap:16px;max-width:460px}.landing-steps{flex-direction:column;gap:10px;display:flex}.landing-step{align-items:center;gap:12px;display:flex}.landing-step b{color:#08111f;background:#5eead4;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.landing-step strong{font-size:14px;display:block}.landing-step small{color:#8b97a6;font-size:12px}.landing-connect{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:14px 16px}.landing-connect ol{color:#c7d2df;flex-direction:column;gap:6px;margin:8px 0 0;padding-left:18px;font-size:13px;display:flex}.landing-connect b{color:#5eead4}.auth-panel{overflow-y:auto}.auth-shell{background:radial-gradient(1200px 600px at 15% -10%,#5eead41a,#0000 60%),radial-gradient(900px 500px at 110% 110%,#38bdf81a,#0000 55%),#07090d}.auth-visual-overlay{background:linear-gradient(#07090d33 0%,#07090d8c 55%,#07090deb 100%)}.auth-brand .brand-logo{filter:drop-shadow(0 0 16px #5eead473)}.auth-copy h1{letter-spacing:-.02em;background:linear-gradient(100deg,#fff 30%,#5eead4 130%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px;line-height:1.02}.auth-stats span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px 16px}.auth-stats strong{color:#5eead4}.auth-panel{background:linear-gradient(#0d111799,#07090dd9)}.landing-card{background:linear-gradient(#ffffff0d,#ffffff04);border:1px solid #5eead42e;border-radius:20px;padding:26px;box-shadow:0 30px 80px -40px #000000e6,inset 0 1px #ffffff0d}.landing-card h2{margin:6px 0 4px;font-size:28px}.auth-steam{color:#04121a;background:linear-gradient(100deg,#5eead4,#38bdf8);border-radius:12px;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s}.auth-steam:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 30px -12px #5eead499}.auth-download{color:#e6eef6;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.auth-download:hover{background:#ffffff1a;transform:translateY(-1px)}.play-button{color:#04121a;background:linear-gradient(100deg,#5eead4,#38bdf8);font-weight:700}.play-button.cancel{color:#fff;background:linear-gradient(100deg,#f87171,#ef4444)}.primary-nav .active{position:relative}.primary-nav .active:before{content:"";background:linear-gradient(#5eead4,#38bdf8);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}@media (width<=760px){.leaderboard-table,.scoreboard-table{overflow-x:auto}.leaderboard-row,.scoreboard-row{min-width:620px}.match-detail-hero-content h1{font-size:32px}.live-activity-grid{grid-template-columns:repeat(3,1fr)}.report-form,.server-form-grid.float-labels{grid-template-columns:1fr}}@media (width<=560px){.auth-copy h1{font-size:34px}.landing-card{border-radius:16px;padding:18px}.landing-card h2{font-size:22px}.auth-stats{flex-wrap:wrap;gap:8px}.reports-list{grid-template-columns:1fr}.profile-perf-grid,.live-activity-grid{grid-template-columns:repeat(2,1fr)}.lobby-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .search{min-width:0}.workspace{padding:12px}.sidebar-bottom-actions{display:none}}.landing{-webkit-overflow-scrolling:touch;color:#eef3f8;height:100vh;max-height:100vh;position:relative;overflow:hidden auto}.landing-bg{z-index:0;position:fixed;inset:0;overflow:hidden}.landing-bg img{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;animation:26s ease-in-out infinite alternate bg-drift;transform:scale(1.05)}.landing-bg-grad{background:radial-gradient(1100px 700px at 50% -10%,#5eead424,#0000 60%),linear-gradient(#07090d8c,#07090dd1 45%,#07090d 100%);position:absolute;inset:0}@keyframes bg-drift{0%{transform:scale(1.05)translateY(0)}to{transform:scale(1.12)translateY(-2%)}}.landing-nav,.landing-hero,.landing-section,.landing-band,.landing-footer{z-index:1;position:relative}.landing-nav{justify-content:space-between;align-items:center;padding:20px clamp(16px,5vw,64px);display:flex}.landing-nav-cta{color:#04121a;background:linear-gradient(100deg,#5eead4,#38bdf8);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px #5eead499}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:880px;margin:0 auto;padding:clamp(40px,9vh,120px) clamp(16px,5vw,40px) 60px;display:flex}.landing-title{letter-spacing:-.03em;margin:0;font-size:clamp(40px,8vw,86px);font-weight:800;line-height:.98}.landing-title span{background:linear-gradient(100deg,#5eead4,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-sub{color:#b6c2d0;max-width:620px;margin:0;font-size:clamp(15px,2.4vw,19px)}.landing .auth-steam{color:#04121a;background:linear-gradient(100deg,#5eead4,#38bdf8);border-radius:14px;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 16px 40px -16px #5eead4b3}.landing .auth-steam:hover{filter:brightness(1.06);transform:translateY(-2px)}.landing-ghost{color:#e6eef6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff29;border-radius:14px;align-items:center;padding:14px 24px;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.landing-ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.landing-warn{max-width:480px}.landing-livestats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.landing-livestats div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;min-width:110px;padding:14px 18px}.landing-livestats strong{color:#5eead4;font-size:26px;display:block}.landing-livestats span{color:#8b97a6;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.landing-section{text-align:center;max-width:1040px;margin:0 auto;padding:48px clamp(16px,5vw,40px)}.landing-section h2{margin:6px 0 26px;font-size:clamp(26px,4vw,38px)}.landing-steps-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.landing-step-card{text-align:left;opacity:0;background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:16px;padding:22px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.5s forwards anim-up-in;transform:translateY(16px)}.landing-step-card:hover{border-color:#5eead466;transform:translateY(-4px);box-shadow:0 20px 50px -28px #5eead499}.landing-step-card b{color:#04121a;background:linear-gradient(100deg,#5eead4,#38bdf8);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;font-weight:800;display:inline-flex}.landing-step-card strong{margin-bottom:6px;font-size:16px;display:block}.landing-step-card small{color:#9fb0c0;font-size:13px;line-height:1.5}.landing-band{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:64px 20px;display:flex}.landing-band h2{margin:0;font-size:clamp(24px,4vw,36px)}.landing-footer{color:#7e8b99;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:24px clamp(16px,5vw,64px);font-size:13px;display:flex}@keyframes anim-up-in{to{opacity:1;transform:translateY(0)}}@keyframes anim-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.anim-up{opacity:0;animation:.6s forwards anim-up-in;transform:translateY(18px)}.anim-pop{animation:.5s both anim-pop-in}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (width<=860px){.landing-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.landing-steps-grid{grid-template-columns:1fr}.landing-nav-cta span{display:none}}@media (prefers-reduced-motion:reduce){.landing-bg img{animation:none}.anim-up,.anim-pop,.landing-step-card{opacity:1;animation:none;transform:none}}.landing-v2{scroll-behavior:smooth;background:#070a0e}.landing-bg-orb{filter:blur(90px);opacity:.5;pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute}.landing-bg-orb.orb-a{background:radial-gradient(circle,#14b8a68c,#0000 70%);animation:14s ease-in-out infinite orb-float-a;top:-120px;right:-80px}.landing-bg-orb.orb-b{background:radial-gradient(circle,#f0443866,#0000 70%);animation:18s ease-in-out infinite orb-float-b;bottom:-160px;left:-100px}@keyframes orb-float-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,50px)scale(1.12)}}@keyframes orb-float-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,-40px)scale(1.1)}}.landing-v2 .reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.landing-v2 .reveal.in-view{opacity:1;transform:none}.landing-v2 .landing-nav{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#070a0edb,#070a0e5c);border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:16px clamp(18px,5vw,56px);position:sticky;top:0}.landing-v2 .landing-hero{text-align:center;max-width:1100px;margin:0 auto;padding:clamp(48px,9vw,120px) clamp(18px,5vw,40px) clamp(40px,7vw,90px)}.landing-hero-inner{flex-direction:column;align-items:center;display:flex}.landing-v2 .live-pill{gap:8px}.live-dot{background:#2dd4bf;border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite live-dot-pulse;box-shadow:0 0 #2dd4bfb3}@keyframes live-dot-pulse{0%{box-shadow:0 0 #2dd4bf99}70%{box-shadow:0 0 0 12px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.landing-v2 .landing-title{letter-spacing:-.02em;margin:22px 0 16px;font-size:clamp(40px,8vw,82px);font-weight:950;line-height:1.02}.landing-v2 .landing-title span{background:linear-gradient(110deg,#2dd4bf,#5eead4 40%,#f04438);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-v2 .landing-sub{color:#aeb9c6;max-width:620px;margin:0 0 30px;font-size:clamp(15px,2vw,19px);line-height:1.6}.landing-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-btn{border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 26px;font-weight:850;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.landing-btn.primary{color:#03201d;background:linear-gradient(120deg,#2dd4bf,#5eead4);box-shadow:0 18px 38px -16px #2dd4bfb3}.landing-btn.primary:hover{transform:translateY(-2px);box-shadow:0 24px 48px -16px #2dd4bfd9}.landing-btn.ghost{color:#dbe6f0;background:#ffffff12;border:1px solid #ffffff1f}.landing-btn.ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.landing-btn.big{height:58px;padding:0 34px;font-size:17px}.landing-v2 .landing-livestats{justify-content:center;margin-top:34px}.landing-section-head{text-align:center;margin-bottom:34px}.landing-v2 .landing-section{max-width:1080px;padding:clamp(40px,7vw,80px) clamp(18px,5vw,40px)}.landing-v2 .landing-section h2{letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(26px,4.4vw,44px)}.landing-feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.landing-feature-card{background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:16px;padding:26px 22px;transition:transform .2s,border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:#2dd4bf66;transform:translateY(-6px);box-shadow:0 24px 50px -28px #2dd4bf99}.landing-feature-icon{color:#2dd4bf;background:#2dd4bf1f;border-radius:13px;place-items:center;width:52px;height:52px;margin-bottom:16px;display:grid}.landing-feature-card strong{margin-bottom:8px;font-size:18px;display:block}.landing-feature-card p{color:#9fb0c0;margin:0;font-size:14px;line-height:1.55}.landing-timeline{gap:14px;max-width:760px;margin:0 auto;display:grid}.landing-timeline-step{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:18px;padding:18px 22px;display:flex}.landing-timeline-step b{color:#2dd4bf;min-width:46px;font-size:26px;font-weight:950}.landing-timeline-step strong{font-size:17px;display:block}.landing-timeline-step small{color:#9fb0c0;font-size:14px}.landing-connect-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.landing-connect-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:22px}.landing-connect-icon{color:#5eead4;background:#5eead41f;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.landing-connect-card strong{margin-bottom:6px;display:block}.landing-connect-card small{color:#9fb0c0;font-size:13px;line-height:1.5}.landing-v2 .landing-band{background:radial-gradient(circle at 50% 0,#2dd4bf2e,#0000 60%),#ffffff0a;border:1px solid #ffffff14;border-radius:20px;max-width:880px;margin:0 auto}.landing-v2 .landing-band p{color:#aeb9c6;margin:10px 0 22px}.landing-v2 .landing-footer{color:#8b97a6;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;padding:28px clamp(18px,5vw,40px);font-size:13px}.landing-v2 .landing-footer .brand{border:0;gap:10px;min-height:0;padding:0}.landing-v2 .landing-footer .brand-logo{width:28px;height:28px}@media (prefers-reduced-motion:reduce){.landing-v2 .reveal{opacity:1;transition:none;transform:none}.landing-bg-orb{animation:none}}.live-score-header{grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px;display:grid}.live-vs-banner{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin:6px 0 16px;display:grid}.live-vs-team{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px 20px;display:grid}.live-vs-team.right{direction:rtl}.live-vs-team.right>*{direction:ltr}.live-vs-team.side-ct{background:linear-gradient(90deg,#5b9dff24,#0000);box-shadow:inset 3px 0 #5b9dff}.live-vs-team.side-t{background:linear-gradient(90deg,#f5b04224,#0000);box-shadow:inset 3px 0 #f5b042}.live-vs-team.right.side-ct{box-shadow:inset -3px 0 #5b9dff}.live-vs-team.right.side-t{box-shadow:inset -3px 0 #f5b042}.live-vs-team strong{font-size:19px}.live-vs-num{font-size:44px;font-weight:950;line-height:1}.live-vs-team.side-ct .live-vs-num{color:#8fbcff}.live-vs-team.side-t .live-vs-num{color:#ffcf7a}.live-vs-center{background:#00000047;border:1px solid #ffffff14;border-radius:14px;align-content:center;place-items:center;min-width:76px;padding:0 8px;display:grid}.live-vs-center span{letter-spacing:.12em;color:#8b97a6;font-size:10px;font-weight:900}.live-vs-center b{color:#fff;font-size:26px;font-weight:950}.live-score-team{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid;position:relative}.live-score-team.side-ct{background:linear-gradient(90deg,#5b9dff1f,#0000);box-shadow:inset 3px 0 #5b9dff}.live-score-team.side-t{background:linear-gradient(90deg,#f5b0421f,#0000);box-shadow:inset 3px 0 #f5b042}.live-score-team strong{font-size:18px}.live-score-num{font-size:40px;font-weight:950;line-height:1}.live-score-team.side-ct .live-score-num{color:#8fbcff}.live-score-team.side-t .live-score-num{color:#ffcf7a}.live-side-tag{color:#0d0f13;background:#cbd5e1;border-radius:7px;place-items:center;min-width:34px;height:26px;padding:0 8px;font-size:12px;font-weight:900;display:inline-grid}.live-score-team.side-ct .live-side-tag{color:#04122b;background:#5b9dff}.live-score-team.side-t .live-side-tag{color:#2b1804;background:#f5b042}.live-score-vs{color:#aeb9c6;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#070a0ed9;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-team-col{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-content:start;gap:6px;padding:12px;display:grid}.match-team-col.side-ct{border-color:#5b9dff4d}.match-team-col.side-t{border-color:#f5b0424d}.match-team-col-head{border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:4px;padding:4px 6px 10px;display:grid}.match-team-col-head strong{font-size:15px}.match-team-col-head b{font-size:22px;font-weight:950}.kad-legend{text-align:center;grid-template-columns:repeat(3,26px);gap:4px;display:grid}.kad-legend i{letter-spacing:.05em;color:#8b97a6;font-size:10px;font-style:normal;font-weight:900}.match-player-row{background:#ffffff0a;border-radius:10px;grid-template-columns:10px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.match-player-name{min-width:0}.match-player-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.match-player-name small{color:#8b97a6;font-size:11px}.match-player-kad{text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,26px);gap:4px;display:grid}.match-player-kad span{background:#ffffff0f;border-radius:6px;padding:3px 0;font-size:13px;font-weight:800}.match-player-kad span:first-child{color:#9ff5ea}.match-player-kad span:nth-child(3){color:#ffb4ad}.status-dot{background:#64748b;border-radius:50%;width:9px;height:9px}.status-dot.connected{background:#2dd4bf;box-shadow:0 0 8px #2dd4bfb3}.status-dot.pending{background:#f5b042;animation:1.2s ease-in-out infinite status-blink}.status-dot.abandoned{background:#f04438}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.status-label.connected{color:#9fd8d2}.status-label.pending{color:#f8c5c1}.status-label.abandoned{color:#f87171}.abandon-banner{background:#f044381f;border:1px solid #f0443866;border-radius:12px;gap:8px;padding:14px;display:grid}.abandon-banner strong{color:#ffd7d3}.abandon-banner span{color:#ffe4e1;font-size:13px;line-height:1.4}@media (width<=720px){.live-score-header,.live-vs-banner,.match-team-grid{grid-template-columns:1fr}}.map-spin-overlay{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040609d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.map-spin-modal{text-align:center;background:radial-gradient(circle at 50% 0,#2dd4bf29,#0000 50%),#14171c;border:1px solid #ffffff1f;border-radius:18px;width:min(720px,100%);padding:28px;box-shadow:0 34px 90px #00000080}.map-spin-modal h2{margin:8px 0 18px;font-size:clamp(22px,4vw,32px)}.map-spin-modal small{color:#9fb0c0;margin-top:16px;display:block}.map-spin-window{background:#00000059;border:1px solid #ffffff1a;border-radius:14px;height:172px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.map-spin-marker{z-index:2;background:linear-gradient(#0000,#2dd4bf,#0000);width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 16px #2dd4bfe6}.map-spin-reel{will-change:transform;align-items:center;gap:20px;height:100%;transition-property:transform;transition-duration:5s;transition-timing-function:cubic-bezier(.12,.7,.12,1);display:flex;position:absolute;top:0;left:calc(50% - 84px)}.map-spin-result{place-items:center;display:grid;position:absolute;inset:0}.map-spin-card{border:1px solid #ffffff1f;border-radius:12px;flex:0 0 168px;width:168px;height:132px;position:relative;overflow:hidden}.map-spin-card img{object-fit:cover;width:100%;height:100%}.map-spin-card strong{text-align:left;background:linear-gradient(#0000,#000000d9);padding:8px 10px;font-size:15px;position:absolute;bottom:0;left:0;right:0}.map-spin-card.winner{border-color:#2dd4bf;animation:.4s cubic-bezier(.22,1,.36,1) winner-pop;box-shadow:0 0 0 2px #2dd4bf80,0 18px 50px -18px #2dd4bfcc}@keyframes winner-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.match-room{flex-direction:column;gap:16px;display:flex}.match-room-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-status-pill{letter-spacing:.1em;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:950;display:inline-flex}.room-status-pill.live{color:#fff;background:#f0443833;border-color:#f0443880;box-shadow:0 0 24px -6px #f04438b3}.room-status-pill.live .live-dot{background:#f04438}.room-status-pill.ready{color:#9fd8d2;background:#14b8a629}.room-status-pill.cancelled{color:#ffb4ad;background:#f0443829}.match-stage{border:1px solid #ffffff14;border-radius:20px;height:clamp(240px,34vh,360px);position:relative;overflow:hidden}.match-stage img{object-fit:cover;filter:saturate(1.05)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.match-stage-overlay{background:radial-gradient(circle at 50% 120%,#14b8a638,#0000 55%),linear-gradient(#06090db3,#06090d59 45%,#06090df0);position:absolute;inset:0}.match-stage-content{z-index:1;position:absolute;bottom:26px;left:28px}.match-stage-content h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:clamp(34px,5vw,56px)}.match-stage-content p{color:#c7d2df;margin:0}.stage-score{z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,4vw,48px);padding:0 clamp(20px,5vw,64px);display:grid;position:absolute;inset:0}.stage-team{align-items:center;gap:16px;min-width:0;display:flex}.stage-team.left{text-align:right;flex-direction:row;justify-content:flex-end}.stage-team.right{text-align:left;flex-direction:row-reverse;justify-content:flex-start}.stage-team strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,2.4vw,30px);font-weight:900;overflow:hidden}.stage-num{text-shadow:0 8px 30px #0009;font-size:clamp(48px,8vw,92px);font-weight:950;line-height:.9}.stage-team.side-ct .stage-num{color:#8fbcff;text-shadow:0 0 32px #5b9dff99}.stage-team.side-t .stage-num{color:#ffcf7a;text-shadow:0 0 32px #f5b04299}.stage-team .live-side-tag{transform:scale(1.15)}.stage-center{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06090d80;border:1px solid #ffffff1a;border-radius:14px;justify-items:center;gap:6px;padding:14px 18px;display:grid}.stage-map{color:#fff;letter-spacing:.04em;font-size:13px;font-weight:900}.stage-round{color:#9fb0c0;letter-spacing:.08em;font-size:12px;font-weight:900}.stage-live{color:#ff7a70;letter-spacing:.12em;align-items:center;gap:6px;font-size:11px;font-weight:950;display:inline-flex}.stage-live .live-dot{background:#f04438}.match-room-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.match-room-main{min-width:0}.connect-rail{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;align-content:start;gap:12px;padding:18px;display:grid}.connect-rail code{color:#dbeafe;text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border-radius:10px;padding:12px;display:block;overflow:hidden}.match-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mp-col{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:16px;align-content:start;gap:8px;padding:14px;display:grid}.mp-col.side-ct{border-color:#5b9dff57;box-shadow:inset 0 2px #5b9dff4d}.mp-col.side-t{border-color:#f5b04257;box-shadow:inset 0 2px #f5b0424d}.mp-col-head{border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:4px 6px 12px;display:grid}.mp-col-head strong{font-size:16px}.mp-col-head b{font-size:24px;font-weight:950}.mp-legend{text-align:center;grid-template-columns:repeat(4,30px);gap:5px;display:grid}.mp-legend i{color:#8b97a6;font-size:10px;font-style:normal;font-weight:900}.mp-card{background:#ffffff0a;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;transition:transform .15s,background .15s;display:grid}.mp-card:hover{background:#ffffff12;transform:translate(3px)}.mp-card.state-abandoned{opacity:.55}.mp-card.state-pending{background:#f5b04214}.mp-id{min-width:0}.mp-id strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:flex;overflow:hidden}.mp-id small{color:#8b97a6;margin-top:2px;font-size:11px;display:block}.mp-mvp{color:#2b1804;background:linear-gradient(120deg,#facc15,#f59e0b);border-radius:6px;align-items:center;gap:2px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:900;display:inline-flex}.mp-stats{text-align:center;grid-template-columns:repeat(4,30px);gap:5px;display:grid}.mp-stats div{gap:1px;display:grid}.mp-stats b{font-variant-numeric:tabular-nums;font-size:14px;font-weight:900}.mp-stats i{color:#6b7785;font-size:9px;font-style:normal;font-weight:800}.mp-stats div:first-child b{color:#9ff5ea}.mp-stats div:nth-child(3) b{color:#ffb4ad}.mp-stats .adr b{color:#c9b8ff}@media (width<=980px){.match-room-body{grid-template-columns:1fr}.connect-rail{order:-1}}@media (width<=680px){.match-team-grid{grid-template-columns:1fr}.stage-team strong{display:none}}