: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}}