:root{--bg:#080a12;--surface:#10131f;--surface-2:#151927;--line:#252a3b;--text:#f5f6ff;--muted:#9197aa;--violet:#8b5cf6;--violet-2:#b794ff;--cyan:#24d4e8;--pink:#ef6bb5;--gold:#f0b35b;--green:#4ade80;--danger:#f05267;--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit}button,.brand,.user-chip{cursor:pointer}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.ambient-a{width:520px;height:520px;background:var(--violet);top:-180px;left:10%}.ambient-b{width:440px;height:440px;background:var(--cyan);right:-180px;top:30%}.topbar{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,10,18,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;font-weight:900;letter-spacing:.15em;font-size:17px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--violet),#5d34dc);box-shadow:0 0 24px rgba(139,92,246,.4);letter-spacing:0}.desktop-nav{display:flex;gap:6px;margin-left:56px;height:100%}.nav-item{position:relative;border:0;background:none;color:var(--muted);padding:0 16px;font-size:14px;font-weight:650}.nav-item:hover,.nav-item.active{color:var(--text)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--violet);box-shadow:0 0 8px var(--violet)}.live-dot{display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:20px}.notification-dot{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--pink)}.user-chip{display:flex;align-items:center;gap:9px;border:0;background:none;font-weight:700}.avatar{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:18px;color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.2)}.avatar-small{width:38px;height:38px;border-radius:12px;font-size:11px}.avatar-tiny{width:30px;height:30px;border-radius:9px;font-size:9px}.avatar-xl{width:108px;height:108px;border-radius:30px;font-size:26px}.avatar.violet{background:linear-gradient(135deg,#9a6aff,#5230b7)}.avatar.cyan{background:linear-gradient(135deg,#26d6e8,#17738f)}.avatar.pink{background:linear-gradient(135deg,#ef78bb,#9f316f)}.avatar.gold{background:linear-gradient(135deg,#efbd69,#a35c23)}main{max-width:1240px;margin:auto;padding:38px 24px 80px}.view{display:none;animation:fade .3s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(22,26,40,.96),rgba(13,16,27,.96));box-shadow:var(--shadow)}.hero{position:relative;min-height:440px;display:flex;align-items:center;padding:64px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(139,92,246,.08)),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{color:var(--violet-2);font-size:11px;font-weight:900;letter-spacing:.17em}.hero h1,.page-heading h1,.profile-hero h1,.session-heading h1{margin:10px 0 14px;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,var(--violet-2),var(--cyan));color:transparent;background-clip:text}.hero-copy>p,.page-heading p{max-width:540px;color:var(--muted);font-size:17px}.quick-search{display:flex;align-items:center;margin-top:30px;padding:7px;background:#0a0d17;border:1px solid #30364a;border-radius:15px;box-shadow:0 16px 40px rgba(0,0,0,.3)}.quick-search:focus-within{border-color:var(--violet)}.search-icon{padding:0 10px;font-size:23px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0d101a;color:var(--text);padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.quick-search input{border:0;background:transparent;box-shadow:none}.primary-button,.secondary-button{border-radius:11px;padding:12px 18px;font-weight:800;font-size:13px;transition:.2s}.primary-button{border:1px solid #9b70f8;background:linear-gradient(135deg,#925ff5,#6d3ad9);box-shadow:0 8px 24px rgba(139,92,246,.22)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(139,92,246,.36)}.secondary-button{border:1px solid var(--line);background:var(--surface-2)}.secondary-button:hover{border-color:#525a73}.full{width:100%}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;color:var(--muted);font-size:12px}.hero-tags button,.text-button,.filter-header button{border:0;background:none;color:var(--violet-2);padding:0}.hero-visual{position:absolute;right:8%;width:350px;height:350px}.core{position:absolute;inset:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(139,92,246,.4);border-radius:50%;background:radial-gradient(circle,#3b246e,#171426 67%);box-shadow:0 0 70px rgba(139,92,246,.35)}.core span{font-size:36px;font-weight:900}.core small{color:var(--muted)}.orbit{position:absolute;inset:35px;border:1px solid rgba(255,255,255,.1);border-radius:50%;animation:spin 18s linear infinite}.orbit .avatar{position:absolute;top:-27px;left:50%}.orbit-two{inset:2px;animation-duration:25s;animation-direction:reverse}.orbit-two .avatar{top:55%;left:auto;right:-25px}.orbit-three{inset:70px;animation-duration:14s}.orbit-three .avatar{top:auto;bottom:-27px;left:15%}@keyframes spin{to{transform:rotate(360deg)}}.orbit .avatar{animation:counterspin 18s linear infinite}@keyframes counterspin{to{transform:rotate(-360deg)}}.section-heading,.panel-title,.results-toolbar,.page-heading,.session-heading{display:flex;align-items:center;justify-content:space-between}.section-heading{margin:52px 0 20px}.section-heading h2{margin:4px 0;font-size:28px}.text-button{font-weight:750;cursor:pointer}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.player-card{position:relative;padding:22px;overflow:hidden;transition:.25s}.player-card:hover{transform:translateY(-4px);border-color:#40465c}.player-card-top{display:flex;align-items:center;gap:13px}.player-card h3{margin:0;font-size:17px}.player-card p{margin:3px 0;color:var(--muted);font-size:12px}.online-indicator{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-left:auto}.match-score{margin-left:auto;color:var(--cyan);font-weight:900;font-size:13px}.game-line{display:flex;align-items:center;gap:9px;margin:18px 0;padding:11px;border-radius:12px;background:rgba(255,255,255,.025)}.game-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:900}.game-icon.violet{background:rgba(139,92,246,.17);color:var(--violet-2)}.game-icon.cyan{background:rgba(36,212,232,.13);color:var(--cyan)}.game-icon.gold{background:rgba(240,179,91,.13);color:var(--gold)}.game-line strong{font-size:13px}.game-line small{display:block;color:var(--muted)}.tag-row,.profile-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-row span,.profile-tags span{padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:#b5bac8;font-size:10px}.player-card-actions{display:flex;gap:8px;margin-top:18px}.player-card-actions button{flex:1}.home-lower{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:32px}.activity-panel,.session-card{padding:24px}.panel-title h3{margin:0}.status-pill{padding:5px 9px;border-radius:8px;background:rgba(74,222,128,.09);color:#8cecab;font-size:10px;font-weight:800}.status-pill i,.online-line i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.activity{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity p{margin:0;font-size:13px}.activity small{display:block;color:var(--muted)}.session-card h3{font-size:22px;margin:9px 0 3px}.session-card>p{color:var(--muted);font-size:13px}.stacked-avatars{display:flex;margin:24px 0}.stacked-avatars .avatar{margin-right:-8px;border:2px solid var(--surface)}.page-heading{margin-bottom:28px}.page-heading h1{font-size:44px}.team-layout{display:grid;grid-template-columns:270px 1fr;gap:22px}.filters{align-self:start;position:sticky;top:96px;padding:22px}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-header h3{margin:0}.filters label,.filters fieldset,dialog label{display:block;margin:0 0 18px;color:#c6cad5;font-size:12px;font-weight:750}.filters label select,dialog label input,dialog label select,dialog textarea{display:block;margin-top:7px}.filters fieldset{border:0;padding:0}.filters legend{margin-bottom:8px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:10px;background:#0d101a}.segmented button{flex:1;border:0;border-radius:7px;background:none;color:var(--muted);padding:8px 3px;font-size:10px}.segmented button.active{background:#29203d;color:var(--violet-2)}.toggle-row{display:flex!important;align-items:center;justify-content:space-between}.toggle-row span small{display:block;color:var(--muted);font-weight:400}.toggle-row input{display:none}.toggle-row i{position:relative;width:39px;height:22px;border-radius:20px;background:#303445}.toggle-row i:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:white;transition:.2s}.toggle-row input:checked+i{background:var(--violet)}.toggle-row input:checked+i:after{left:20px}.results-toolbar{margin-bottom:14px}.results-toolbar p{color:var(--muted);font-size:13px}.results-toolbar strong{color:var(--text)}.results-toolbar select{width:auto}.mobile-filter-button{display:none}.result-list{display:grid;gap:12px}.result-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:19px}.result-main h3{display:inline;margin:0 8px 0 0}.result-main>p{margin:4px 0 10px;color:var(--muted);font-size:12px}.result-games{display:flex;gap:7px;flex-wrap:wrap}.result-games span{padding:5px 8px;background:#0d101a;border-radius:7px;font-size:10px}.result-side{text-align:right}.result-side .match-score{display:block;font-size:16px;margin-bottom:10px}.result-actions{display:flex;gap:7px}.empty-state{display:none;text-align:center;padding:60px}.empty-state span{font-size:40px;color:var(--violet)}.back-button{border:0;background:none;color:var(--muted);margin-bottom:18px}.profile-hero{display:flex;align-items:center;justify-content:space-between;padding:32px}.profile-identity{display:flex;align-items:center;gap:24px}.profile-hero h1{font-size:38px;margin:4px 0}.profile-identity p{margin:0 0 12px;color:var(--muted)}.online-line{color:#9be5af;font-size:10px;font-weight:900;letter-spacing:.08em}.profile-actions{display:flex;gap:10px}.profile-layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.profile-main,.profile-side{display:grid;gap:18px;align-content:start}.profile-section,.profile-side .panel{padding:28px}.profile-section h2{max-width:650px;font-size:28px;margin:10px 0}.profile-section>p{color:#aeb3c3}.muted{color:var(--muted);font-size:11px}.game-stats>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.game-stats p{margin:0}.game-stats small{display:block;color:var(--muted)}.game-stats b{font-size:12px;color:var(--muted)}.rating{color:var(--gold);font-weight:900}.rating small{color:var(--muted)}.review{display:flex;gap:12px;margin-top:20px}.review p{margin:0;font-size:13px}.review p span{float:right;color:var(--gold);font-size:10px}.compatibility-ring{display:grid;place-items:center;width:130px;height:130px;margin:24px auto;border-radius:50%;background:radial-gradient(circle,#131624 58%,transparent 59%),conic-gradient(var(--cyan) 0 94%,#252a3b 94%);box-shadow:0 0 35px rgba(36,212,232,.12)}.compatibility-ring span{font-size:27px;font-weight:900}.check-list{list-style:none;padding:0;color:#bac0ce;font-size:13px}.check-list li{margin:11px 0}.check-list li::first-letter{color:var(--green)}.schedule>div{display:grid;grid-template-columns:35px 1fr 82px;align-items:center;gap:8px;margin:14px 0;font-size:11px}.schedule i{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.schedule small{color:var(--muted);text-align:right}.session-heading{margin-bottom:25px}.session-heading h1{font-size:40px}.session-heading p{color:var(--muted);margin:0}.session-timer{text-align:right}.session-timer span{display:block;font-family:ui-monospace,monospace;font-size:25px}.session-timer small{color:var(--muted)}.session-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.voice-panel{padding:24px}.voice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.voice-member{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 8px;border:1px solid var(--line);border-radius:15px;background:#0d101a}.voice-member.speaking{border-color:rgba(36,212,232,.55);box-shadow:inset 0 0 25px rgba(36,212,232,.06)}.voice-member strong{font-size:12px;margin-top:9px}.voice-member small{color:var(--muted);font-size:9px}.voice-member .mic-state{position:absolute;right:8px;bottom:7px;font-size:11px}.voice-member.muted{opacity:.6}.voice-wave{position:absolute;top:8px;right:8px;display:flex;gap:2px;align-items:center;height:12px}.voice-wave b{width:2px;height:5px;background:var(--cyan);animation:wave .6s infinite alternate}.voice-wave b:nth-child(2){height:10px;animation-delay:.2s}.voice-wave b:nth-child(3){animation-delay:.4s}@keyframes wave{to{height:2px}}.voice-controls{display:flex;justify-content:center;gap:13px;padding-top:20px;border-top:1px solid var(--line)}.round-control{display:flex;flex-direction:column;align-items:center;justify-content:center;width:57px;height:57px;border:1px solid var(--line);border-radius:17px;background:#151927}.round-control small{font-size:8px;color:var(--muted)}.round-control.active{border-color:#58458a;background:#241c39}.round-control.danger{color:#ff8c9b}.chat-panel{grid-row:span 2;display:flex;flex-direction:column;min-height:560px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:17px;border:0;background:none;color:var(--muted);font-weight:750}.tabs button.active{color:var(--text);box-shadow:inset 0 -2px var(--violet)}.tabs button span{padding:2px 6px;border-radius:10px;background:#272b3b;font-size:9px}.tab-content{display:none;flex:1;min-height:0}.tab-content.active{display:flex;flex-direction:column}.messages{flex:1;padding:18px;overflow:auto;max-height:440px}.system-message{text-align:center;color:var(--muted);font-size:10px;margin-bottom:18px}.message{display:flex;gap:9px;margin-bottom:16px}.message strong{font-size:11px}.message strong small{color:var(--muted);font-weight:400}.message p{margin:3px 0;padding:9px 11px;border-radius:3px 12px 12px;background:#1b1f2d;font-size:12px}.message.own{justify-content:flex-end;text-align:right}.message.own p{background:#31234d;border-radius:12px 3px 12px 12px}.chat-form{display:flex;gap:6px;padding:12px;border-top:1px solid var(--line)}.chat-form button{width:38px;border:0;border-radius:10px;background:#191d2b}.chat-form .send-button{background:var(--violet);font-size:18px}.member-list{padding:20px}.member-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.member-list p{flex:1;margin:0}.member-list small{display:block;color:var(--muted)}.member-list i{width:7px;height:7px;border-radius:50%;background:var(--green)}.member-list i.away{background:var(--gold)}.member-list button{margin-top:20px}.media-panel,.music-panel{padding:22px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.media-card{position:relative;height:110px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#161b2b}.media-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.55),transparent 40%),linear-gradient(145deg,#223245,#10131d)}.media-two:before{background:linear-gradient(45deg,#12333b,#442860)}.media-three:before{background:linear-gradient(135deg,#452946,#18344a)}.media-card span{position:relative;z-index:1}.media-card small{position:absolute;z-index:1;left:8px;bottom:7px;font-size:8px}.now-playing{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:17px 0;padding:14px;border-radius:13px;background:#0d101a}.now-playing button{width:38px;height:38px;border:0;border-radius:50%;background:var(--violet)}.now-playing small{display:block;color:var(--muted);font-size:9px}.progress{height:3px;margin-top:8px;border-radius:4px;background:#292d3d}.progress i{display:block;width:61%;height:100%;background:var(--violet)}.equalizer{display:flex;align-items:end;gap:2px;height:18px}.equalizer b{width:3px;height:8px;background:var(--cyan);animation:wave .7s infinite alternate}.equalizer b:nth-child(2){height:15px;animation-delay:.2s}.queue>div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;padding:8px;border-bottom:1px solid var(--line);font-size:10px}.queue p{margin:0}.queue small{display:block;color:var(--muted)}.queue b,.queue>div>span{color:var(--muted)}dialog{width:min(470px,calc(100% - 30px));border:1px solid #373c51;border-radius:22px;background:#121622;color:var(--text);padding:32px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(3,4,9,.78);backdrop-filter:blur(8px)}dialog h2{margin:8px 0}dialog>p{color:var(--muted);font-size:13px;margin-bottom:24px}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:none;color:var(--muted);font-size:25px}.dialog-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#281e40;color:var(--violet-2);font-size:24px;margin-bottom:18px}.signup-progress{display:flex;gap:6px;margin-bottom:28px}.signup-progress i{width:35px;height:3px;border-radius:2px;background:#2b3040}.signup-progress i.active{background:var(--violet)}.consent{display:flex!important;align-items:start;gap:8px}.consent input{width:auto;margin-top:3px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;display:flex;align-items:center;gap:12px;min-width:290px;padding:14px 17px;border:1px solid #365646;border-radius:14px;background:#14231d;box-shadow:var(--shadow);transform:translateY(130%);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(74,222,128,.15);color:var(--green)}.toast p{margin:0}.toast small{display:block;color:#9eb0a6}.mobile-nav{display:none}
@media(max-width:950px){.desktop-nav{display:none}.hero{padding:42px}.hero-visual{opacity:.5;right:-90px}.player-grid{grid-template-columns:repeat(2,1fr)}.team-layout{grid-template-columns:1fr}.filters{display:none;position:static}.filters.open{display:block}.mobile-filter-button{display:block;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:9px 12px}.profile-layout{grid-template-columns:1fr}.session-layout{grid-template-columns:1fr}.chat-panel{grid-row:auto}.user-label{display:none}}
@media(max-width:650px){body{padding-bottom:72px}.topbar{height:62px;padding:0 16px}.top-actions .icon-button{display:none}main{padding:22px 14px 40px}.hero{min-height:500px;padding:30px 22px;align-items:flex-start}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.quick-search{display:grid;grid-template-columns:auto 1fr}.quick-search button{grid-column:1/-1}.hero-tags{display:none}.hero-visual{width:260px;height:260px;right:-45px;bottom:-50px}.core{inset:80px}.core span{font-size:25px}.section-heading{margin-top:36px}.section-heading .text-button{display:none}.player-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin-right:-14px}.player-card{min-width:280px;scroll-snap-align:start}.home-lower{grid-template-columns:1fr}.activity-panel{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:36px}.page-heading>.secondary-button{display:none}.result-card{grid-template-columns:auto 1fr;gap:12px}.result-card>.avatar{align-self:start}.result-side{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:center}.result-side .match-score{margin:0}.profile-hero{display:block;padding:24px}.profile-identity{align-items:flex-start}.avatar-xl{width:75px;height:75px;border-radius:22px}.profile-hero h1{font-size:28px}.profile-actions{margin-top:24px}.profile-actions button{flex:1}.profile-section,.profile-side .panel{padding:21px}.session-heading{align-items:flex-end}.session-heading h1{font-size:31px}.session-timer span{font-size:16px}.voice-grid{grid-template-columns:repeat(2,1fr)}.media-grid{overflow:auto;display:flex}.media-card{min-width:150px}.mobile-nav{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:68px;border-top:1px solid var(--line);background:rgba(10,12,20,.96);backdrop-filter:blur(14px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--muted);font-size:9px}.mobile-nav button span{font-size:18px}.mobile-nav button.active{color:var(--violet-2)}.toast{left:14px;right:14px;bottom:82px;min-width:0}}