:root{
  --bg:#07091d;--bg-2:#0a0e2d;--panel:#0d1338;--panel-2:#121a47;--panel-3:#182155;
  --line:rgba(169,185,255,.16);--line-strong:rgba(169,185,255,.3);--text:#f7f8ff;--muted:#aeb8d7;
  --purple:#8290ff;--purple-2:#586cff;--pink:#f08cc8;--mint:#baf2d5;--cyan:#71dcff;--yellow:#d9ff85;
  --danger:#ff7f9f;--success:#8fe4a6;--radius:24px;--radius-sm:15px;--shadow:0 22px 70px rgba(0,0,0,.34);
  --max:1520px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#182042 0,#0a1021 34%,var(--bg) 72%);color:var(--text);font-family:"Barlow",ui-sans-serif,system-ui,sans-serif;min-height:100vh}body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 80%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.site-shell{width:min(100%,var(--max));margin:0 auto;min-height:100vh}.topbar{height:82px;display:grid;grid-template-columns:220px minmax(260px,430px) 1fr auto;gap:28px;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,11,24,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:900;letter-spacing:.06em}.brand img{width:30px;height:30px}.top-search,.hero-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(17,26,49,.72);border-radius:999px;padding:0 16px;transition:.2s}.top-search:focus-within,.hero-search:focus-within{border-color:rgba(199,154,255,.7);box-shadow:0 0 0 4px rgba(199,154,255,.08),0 0 32px rgba(159,124,255,.1)}.top-search svg,.hero-search svg{width:19px;height:19px;fill:none;stroke:#aab4cd;stroke-width:1.8;flex:0 0 auto}.top-search input,.hero-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--text)}.top-search input::placeholder,.hero-search input::placeholder{color:#7f8aa6}.desktop-nav{display:flex;justify-content:center;gap:28px;color:#c0c7db;font-size:15px;font-weight:650}.desktop-nav a{padding:12px 2px;position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:2px;background:linear-gradient(90deg,var(--mint),var(--purple));transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:white}.desktop-nav a:hover::after,.desktop-nav a.active::after{right:0}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.btn{min-height:46px;border:1px solid transparent;border-radius:999px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:15px;line-height:1;cursor:pointer;transition:transform .18s,filter .18s,border-color .18s,background .18s;color:#0b1020}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}.btn-small{min-height:39px;padding:0 16px;font-size:14px}.btn-block{width:100%}.btn-purple{background:linear-gradient(110deg,#b38cff,#d9a7ff 55%,#eba7da)}.btn-pink{background:linear-gradient(110deg,#f2a3cf,#dba5ff)}.btn-mint{background:linear-gradient(110deg,#7eddb9,#a7eccf)}.btn-discord{background:linear-gradient(110deg,#8b90ff,#b09cff)}.btn-ghost{color:#eef1fb;background:rgba(255,255,255,.035);border-color:var(--line)}.mobile-menu-button,.icon-button{border:0;background:transparent;color:#edf1fb;display:none;align-items:center;justify-content:center;cursor:pointer}.mobile-menu-button svg,.icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.user-mini{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px}.user-mini:hover{background:rgba(255,255,255,.04)}.user-mini img{width:34px;height:34px;border-radius:50%;object-fit:cover}.user-mini span{display:grid}.user-mini strong{font-size:13px}.user-mini small{font-size:12px;color:var(--muted)}.badge-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#f47b8d;transform:translate(9px,-9px)}.mobile-drawer{display:none}.drawer-backdrop{display:none}.flash-message{position:fixed;right:22px;top:96px;background:#13233a;border:1px solid rgba(143,228,192,.3);color:#d8ffef;padding:13px 18px;border-radius:14px;z-index:80;box-shadow:var(--shadow)}

.home-main{padding:28px}.hero-shell{display:grid;grid-template-columns:58px minmax(0,1fr) 290px;gap:16px;min-height:650px}.hero-rail{border:1px solid var(--line);background:rgba(12,18,36,.78);border-radius:20px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:7px}.hero-rail a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#7e8ba8}.hero-rail a:hover,.hero-rail a.active{background:linear-gradient(145deg,rgba(196,154,255,.2),rgba(135,214,255,.09));color:#d8c1ff;box-shadow:inset 0 0 0 1px rgba(199,154,255,.15)}.hero-rail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-main-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d1428;min-height:650px;isolation:isolate}.hero-main-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,22,.98) 0%,rgba(5,9,22,.87) 38%,rgba(5,9,22,.3) 72%,rgba(5,9,22,.68) 100%);z-index:-1}.hero-art{position:absolute;inset:0;z-index:-2;background:url('../images/hero-scene.svg') center/cover no-repeat}.hero-content{width:min(610px,72%);padding:72px 38px 52px 58px}.eyebrow,.section-kicker{margin:0 0 18px;color:var(--mint);font-size:13px;font-weight:900;letter-spacing:.13em}.hero-content h1,.community-section h2,.page-hero h1,.auth-visual h1{margin:0;color:#fff;font-family:"Barlow Condensed",sans-serif;font-size:clamp(58px,6vw,94px);line-height:.87;letter-spacing:.02em;font-weight:900;text-transform:uppercase;text-shadow:0 12px 36px rgba(0,0,0,.35)}.hero-content h1 span,.community-section h2 span,.page-hero h1 span,.auth-visual h1 span{background:linear-gradient(180deg,#e8dcff 0,#b58cff 65%,#9b78eb 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:17px;line-height:1.65;color:#c0c7da;max-width:530px;margin:25px 0}.hero-search{height:58px;border-color:rgba(199,154,255,.55);box-shadow:0 0 0 3px rgba(199,154,255,.06),0 0 28px rgba(159,124,255,.1);max-width:570px;padding-left:18px}.hero-search input{height:56px;font-size:16px}.hero-search button{border:0;background:transparent;color:#cdb7ff;display:grid;place-items:center;cursor:pointer}.hero-search button svg{stroke:currentColor}.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.hero-actions .btn{min-width:190px}.social-btn svg,.oauth-button svg{fill:none;stroke:currentColor;stroke-width:1.7}.social-login-row{margin-top:18px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8893ac;font-size:13px}.social-login-row span{margin-right:3px}.social-login-row a{height:35px;min-width:92px;padding:0 13px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#e8ebf6;background:rgba(12,18,35,.55)}.social-login-row svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.hero-side{display:flex;flex-direction:column;gap:16px}.side-card,.panel-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,23,45,.92),rgba(10,17,34,.92));border-radius:20px;padding:18px}.side-card-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.side-card-head h2,.panel-head h2{margin:0;font-size:12px;letter-spacing:.07em}.side-card-head a,.panel-head a{font-size:12px;color:#c69cff;text-decoration:underline;text-decoration-color:rgba(198,156,255,.3);text-underline-offset:3px}.activity-item{display:grid;grid-template-columns:40px 1fr 8px;align-items:center;gap:10px;padding:8px 0}.activity-item img{width:40px;height:40px;border-radius:50%;background:#1c2441}.activity-item div{display:grid;min-width:0}.activity-item strong{font-size:12px}.activity-item small{font-size:12px;color:#818da8}.activity-item span{font-size:12px;color:#c4cbe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{width:7px;height:7px;border-radius:50%;box-shadow:0 0 10px currentColor}.green{color:#71e4a0;background:currentColor}.cyan{color:#71cfff;background:currentColor}.pink{color:#e88cc9;background:currentColor}.orange{color:#efb76d;background:currentColor}.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.tag-cloud button,.tag-cloud span,.filter-row button,.preference-chips span{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#b9c0d4;border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}.tag-cloud button:hover,.filter-row button:hover,.filter-row button.active{border-color:rgba(199,154,255,.55);color:#eee6ff;background:rgba(173,129,255,.12)}.mini-profile{margin-top:auto}.mini-profile-head{display:flex;align-items:center;gap:11px}.mini-profile-head img{width:50px;height:50px;border-radius:50%;background:#1d2442}.mini-profile-head div{display:grid}.mini-profile-head strong{font-size:14px}.mini-profile-head span{font-size:12px;color:#91a0bb}.mini-profile-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:4px}.mini-profile h3{font-size:12px;letter-spacing:.08em;color:#77829c;margin:18px 0 9px}.compact span{padding:6px 9px}.playstyle-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;color:#b3bbcf;font-size:12px}.playstyle-list li::before{content:"•";color:var(--purple);margin-right:7px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#c9a5ff;font-size:12px;font-weight:750;margin-top:15px}.text-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.discover-strip{padding:28px 8px 16px}.section-label-row,.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-kicker{color:#8e9ab8;margin-bottom:10px}.reset-filters{border:0;background:transparent;color:#b994f7;font-size:12px;cursor:pointer}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row button{font-size:12px;padding:8px 13px}.games-section{padding:18px 8px 54px}.section-title-row h2{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:35px;letter-spacing:.02em}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px}.game-card{min-width:0;border:1px solid var(--line);background:rgba(11,18,35,.9);border-radius:17px;overflow:hidden;transition:.22s}.game-card:hover{transform:translateY(-4px);border-color:rgba(199,154,255,.35);box-shadow:0 18px 35px rgba(0,0,0,.24)}.cover-wrap{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#121a31}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.game-card:hover .cover-wrap img{transform:scale(1.025)}.heart-button{position:absolute;top:10px;right:10px;width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,10,24,.55);backdrop-filter:blur(8px);color:white;display:grid;place-items:center;cursor:pointer}.heart-button.active{color:#f2a3cf;background:rgba(242,163,207,.18)}.heart-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.game-meta{padding:13px}.game-meta h3{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta p{font-size:12px;color:#8893ac;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta>div{display:flex;justify-content:space-between;align-items:center}.rating{font-size:12px;color:#f4d77f}.price{font-size:12px;color:#d4b5ff;background:rgba(181,140,255,.09);border:1px solid rgba(181,140,255,.2);padding:4px 7px;border-radius:999px}.filter-empty{padding:35px;text-align:center;color:var(--muted)}.community-section{margin:20px 8px 52px;border:1px solid var(--line);border-radius:28px;padding:58px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;background:radial-gradient(circle at 90% 0,rgba(172,126,255,.11),transparent 40%),linear-gradient(145deg,#0c1326,#0b1122)}.community-section h2{font-size:59px}.community-section>div>p:last-child{color:#aeb7cd;line-height:1.7;max-width:520px}.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.community-cards article{border:1px solid var(--line);border-radius:19px;padding:22px;background:rgba(255,255,255,.025)}.community-cards h3{font-size:15px;margin:15px 0 8px}.community-cards p{font-size:12px;line-height:1.6;color:#8f9ab3;margin:0}.pastel-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#08101b}.pastel-icon.mint{background:var(--mint)}.pastel-icon.purple{background:var(--purple)}.pastel-icon.pink{background:var(--pink)}

.simple-page{padding:36px 36px 70px}.page-hero{border:1px solid var(--line);border-radius:28px;padding:58px;background:radial-gradient(circle at 78% 20%,rgba(199,154,255,.15),transparent 25%),linear-gradient(135deg,#0d1427,#0a1020)}.compact-page-hero{padding-right:38%;position:relative;overflow:hidden}.compact-page-hero::after{content:"";position:absolute;right:-60px;bottom:-70px;width:480px;height:300px;background:url('../images/hero-scene.svg') center/cover;border-radius:40% 0 0 0;opacity:.32;filter:saturate(1.2)}.page-hero h1{font-size:65px;position:relative;z-index:1}.page-hero>p:not(.eyebrow){color:#aab4cb;line-height:1.7;max-width:650px;position:relative;z-index:1}.page-hero .hero-search{position:relative;z-index:1;max-width:620px}.discover-builder{display:grid;grid-template-columns:240px 1fr;gap:18px;margin-top:18px}.discover-filters{border:1px solid var(--line);border-radius:20px;background:#0c1325;padding:20px;height:max-content;position:sticky;top:100px}.discover-filters h2{font-size:14px;margin:0 0 18px}.filter-block{border-top:1px solid var(--line);padding:16px 0}.filter-block h3{font-size:12px;color:#7f8aa6;letter-spacing:.08em}.filter-block label{display:flex;gap:8px;align-items:center;color:#c6ccdc;font-size:12px;margin:9px 0}.filter-block input{accent-color:#b28cff}.discover-results{min-width:0}.result-toolbar{min-height:58px;border:1px solid var(--line);border-radius:18px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#0c1325;font-size:13px}.result-toolbar select,.settings-card select{background:#111a31;color:#e8ebf7;border:1px solid var(--line);border-radius:12px;padding:9px 12px;outline:0}.placeholder-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.placeholder-results article{display:grid;grid-template-columns:130px 1fr;gap:15px;border:1px solid var(--line);border-radius:18px;background:#0c1325;padding:11px}.placeholder-cover{border-radius:13px;min-height:145px;background:linear-gradient(145deg,#2d2361,#aa6ec9)}.placeholder-cover.p2{background:linear-gradient(145deg,#143d3b,#7fd0a7)}.placeholder-cover.p3{background:linear-gradient(145deg,#352049,#dc82c7)}.placeholder-cover.p4{background:linear-gradient(145deg,#18314d,#5fa2d5)}.placeholder-cover.p5{background:linear-gradient(145deg,#46362b,#d8ad7a)}.placeholder-cover.p6{background:linear-gradient(145deg,#273a29,#96be7d)}.placeholder-results article>div:last-child{padding:8px 4px}.placeholder-results small{font-size:12px;letter-spacing:.1em;color:#8d98b3}.placeholder-results h3{margin:5px 0 8px;font-size:17px}.placeholder-results p{font-size:12px;color:#8f99b1;line-height:1.55}.placeholder-results span{color:#f4d77f;font-size:12px}

.auth-page{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.1fr .9fr}.auth-visual{position:relative;display:flex;align-items:flex-end;padding:72px;background:linear-gradient(90deg,rgba(6,10,22,.86),rgba(6,10,22,.12)),url('../images/hero-scene.svg') center/cover}.auth-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#070b18 0,transparent 45%);pointer-events:none}.register-visual{filter:hue-rotate(15deg)}.auth-visual-inner{position:relative;z-index:1;max-width:650px}.auth-visual h1{font-size:73px}.auth-visual p:last-child{color:#c0c7d8;line-height:1.7;max-width:520px}.auth-panel{display:grid;place-items:center;padding:48px;background:#080d1b}.auth-card{width:min(100%,520px);border:1px solid var(--line);background:linear-gradient(180deg,#0e162b,#0a1122);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.auth-card h2{font-size:29px;margin:0 0 7px}.muted{color:#8994ad;font-size:14px}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.oauth-button{height:50px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:14px;background:rgba(255,255,255,.025)}.oauth-button svg{width:20px;height:20px}.oauth-button.steam:hover{border-color:rgba(143,228,192,.35);background:rgba(143,228,192,.06)}.oauth-button.discord:hover{border-color:rgba(139,144,255,.4);background:rgba(139,144,255,.07)}.or-divider{display:flex;align-items:center;gap:12px;color:#6e7993;font-size:12px;margin:22px 0}.or-divider::before,.or-divider::after{content:"";height:1px;background:var(--line);flex:1}.auth-form{display:grid;gap:13px}.auth-form label,.settings-card>label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#aeb6ca}.auth-form input,.settings-card input[type=text],.settings-card input:not([type=checkbox]):not([type=file]),.settings-card textarea{width:100%;background:#0a1020;color:#edf1fb;border:1px solid var(--line);border-radius:13px;padding:12px 13px;outline:0}.auth-form input:focus,.settings-card input:focus,.settings-card textarea:focus{border-color:rgba(199,154,255,.55);box-shadow:0 0 0 3px rgba(199,154,255,.06)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:11px}.check-line{display:flex!important;align-items:center;gap:8px!important}.check-line input{width:auto}.check-line input,.filter-block input{accent-color:#b48cff}.form-error{border:1px solid rgba(255,127,159,.3);background:rgba(255,127,159,.08);color:#ffc1d0;padding:11px 13px;border-radius:12px;font-size:12px}.auth-switch{text-align:center;color:#8792aa;font-size:12px;margin:18px 0 0}.auth-switch a{color:#d0abff;font-weight:800}

.account-page .footer{display:none}.account-layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 82px)}.account-sidebar{border-right:1px solid var(--line);padding:28px 14px;display:flex;flex-direction:column;gap:5px;background:rgba(8,13,28,.7)}.account-sidebar>a{height:45px;border-radius:13px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#96a1ba;font-size:13px}.account-sidebar>a:hover,.account-sidebar>a.active{background:linear-gradient(90deg,rgba(177,138,255,.17),rgba(177,138,255,.04));color:#d7b9ff}.account-sidebar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar-logout{margin-top:auto}.sidebar-logout button{width:100%;height:42px;border:1px solid var(--line);background:transparent;color:#8f9ab0;border-radius:12px;cursor:pointer}.account-content{padding:24px}.account-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px}.profile-hero-card{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:#0d1428}.profile-banner{height:110px;background:linear-gradient(to bottom,rgba(8,12,27,.08),rgba(8,12,27,.55)),url('../images/profile-banner.svg') center/cover}.profile-summary{display:grid;grid-template-columns:112px 1fr auto;gap:22px;align-items:center;padding:0 26px 20px;margin-top:-48px}.profile-avatar{width:112px;height:112px;border-radius:50%;border:4px solid #0d1428;background:#202b4c;box-shadow:0 0 0 1px rgba(199,154,255,.28),0 10px 30px rgba(0,0,0,.35)}.profile-copy{padding-top:48px}.profile-copy p{font-size:12px;color:#9ea8bd;line-height:1.55;margin:5px 0}.profile-role{color:#80c5ed!important}.profile-name-line{display:flex;align-items:center;gap:10px}.profile-name-line h1{margin:0;font-size:26px}.profile-name-line span{border:1px solid var(--line);padding:5px 8px;border-radius:999px;color:#bac2d5;font-size:12px}.profile-summary>.btn{margin-top:48px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin:0 26px;padding:16px 0}.profile-stats div{display:grid;gap:2px;border-right:1px solid var(--line);padding-left:14px}.profile-stats div:last-child{border:0}.profile-stats span{font-size:12px;color:#77839e}.profile-stats strong{font-size:17px}.profile-cards-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;margin-top:12px}.connected-row{height:50px;border:1px solid var(--line);border-radius:13px;padding:0 12px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin-top:8px;background:rgba(255,255,255,.018)}.connected-row svg{width:18px;height:18px;fill:none;stroke:#b9c1d6;stroke-width:1.7}.connected-row strong{font-size:12px}.connected-row span{font-size:12px}.connected{color:#75dea0}.not-connected{color:#7e889d}.preference-chips{display:flex;gap:7px;flex-wrap:wrap}.preference-chips span.selected{border-color:rgba(199,154,255,.45);background:rgba(177,138,255,.13);color:#e8d9ff}.library-panel{margin-top:12px}.empty-library{text-align:center;padding:38px 20px 30px}.empty-icon{width:54px;height:54px;border-radius:17px;margin:auto;background:rgba(199,154,255,.08);display:grid;place-items:center;color:#c49aff}.empty-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7}.empty-library h3{font-size:15px;margin:14px 0 6px}.empty-library p{max-width:520px;margin:0 auto 17px;color:#8995ad;font-size:12px;line-height:1.6}.account-right{display:grid;gap:12px;height:max-content}.recommend-row{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:7px 0}.recommend-row img{width:56px;height:60px;border-radius:10px;object-fit:cover}.recommend-row span{display:grid;align-content:center}.recommend-row strong{font-size:12px}.recommend-row small{font-size:12px;color:#7e8aa4;margin-top:3px}.recommend-row em{font-size:12px;color:#efd173;font-style:normal;margin-top:4px}.settings-shortcuts>a{display:grid;grid-template-columns:32px 1fr 12px;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;margin-top:8px}.settings-shortcuts>a:hover{border-color:rgba(199,154,255,.28)}.settings-shortcuts>a>svg{width:17px;height:17px;fill:none;stroke:#acb6cc;stroke-width:1.7}.settings-shortcuts span{display:grid}.settings-shortcuts strong{font-size:12px}.settings-shortcuts small{font-size:12px;color:#77829b}.settings-shortcuts b{font-size:19px;color:#6d7891}.settings-content{max-width:1120px}.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 28px}.settings-heading h1{font-family:"Barlow Condensed",sans-serif;margin:0;font-size:45px;letter-spacing:.02em}.settings-heading p:last-child{color:#8994ac;font-size:13px}.settings-form{display:contents}.settings-section{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:24px 0;border-top:1px solid var(--line)}.settings-section-title{display:flex;gap:12px}.settings-section-title>span{width:34px;height:34px;border-radius:11px;background:rgba(199,154,255,.1);color:#caa6ff;display:grid;place-items:center;font-size:12px;font-weight:900}.settings-section-title h2{font-size:13px;margin:2px 0 5px;letter-spacing:.05em}.settings-section-title p{font-size:12px;color:#7d89a3;line-height:1.55;margin:0}.settings-card{border:1px solid var(--line);background:#0c1326;border-radius:20px;padding:20px;display:grid;gap:16px}.avatar-upload{display:flex;align-items:center;gap:14px}.avatar-upload img{width:74px;height:74px;border-radius:50%;object-fit:cover}.settings-card textarea{resize:vertical}.preference-field{border-top:1px solid var(--line);padding-top:16px}.preference-field:first-child{border-top:0;padding-top:0}.preference-field h3{font-size:12px;color:#9ba6be;margin:0 0 10px}.checkbox-chips{display:flex;gap:8px;flex-wrap:wrap}.checkbox-chips input{position:absolute;opacity:0;pointer-events:none}.checkbox-chips span{display:inline-flex;align-items:center;min-height:33px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:#9aa6bc;font-size:12px;cursor:pointer;transition:.18s}.checkbox-chips input:checked+span{color:#f0e8ff;border-color:rgba(199,154,255,.55);background:linear-gradient(180deg,rgba(178,137,255,.18),rgba(178,137,255,.08));box-shadow:inset 0 0 0 1px rgba(199,154,255,.07)}.form-actions{display:flex;justify-content:flex-end;padding-top:4px}.switch-row{display:flex!important;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px!important;position:relative}.switch-row input{position:absolute;opacity:0}.switch-row i{width:38px;height:21px;border-radius:999px;background:#293148;position:relative;transition:.2s}.switch-row i::after{content:"";position:absolute;width:15px;height:15px;background:#939eb3;border-radius:50%;top:3px;left:3px;transition:.2s}.switch-row input:checked+i{background:rgba(143,228,192,.35)}.switch-row input:checked+i::after{left:20px;background:#9aebc9}.connected-settings>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:12px}.connected-settings svg{width:23px;height:23px;fill:none;stroke:#c2c9d9;stroke-width:1.7}.connected-settings span{display:grid}.connected-settings strong{font-size:12px}.connected-settings small{font-size:12px;color:#7d89a0}

.footer{min-height:105px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 36px;color:#808aa2;font-size:12px}.footer p{flex:1}.footer>div:last-child{display:flex;gap:16px}.footer .brand{color:#c9d0e1;font-size:14px}

@media (max-width:1250px){.topbar{grid-template-columns:190px minmax(220px,1fr) auto}.desktop-nav{display:none}.hero-shell{grid-template-columns:54px minmax(0,1fr) 250px}.hero-content{padding-left:42px}.game-grid{grid-template-columns:repeat(3,1fr)}.community-section{grid-template-columns:1fr}.account-grid{grid-template-columns:minmax(0,1fr) 230px}.profile-summary{grid-template-columns:100px 1fr}.profile-summary>.btn{grid-column:2;margin-top:0;width:max-content}.profile-avatar{width:100px;height:100px}.profile-copy{padding-top:42px}}
@media (max-width:900px){.topbar{grid-template-columns:1fr auto;height:70px;padding:0 18px}.top-search,.desktop-nav,.top-actions>.btn,.user-mini,.top-actions>.icon-button{display:none}.mobile-menu-button{display:grid}.home-main{padding:14px}.hero-shell{display:block}.hero-rail,.hero-side{display:none}.hero-main-card{min-height:680px}.hero-main-card::after{background:linear-gradient(to bottom,rgba(5,9,22,.56),rgba(5,9,22,.96) 61%)}.hero-art{background-position:64% center}.hero-content{width:100%;padding:70px 24px 34px;position:absolute;bottom:0}.hero-content h1{font-size:clamp(58px,16vw,84px)}.hero-copy{font-size:15px}.hero-search{max-width:none}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.social-login-row{justify-content:center}.discover-strip,.games-section{padding-left:0;padding-right:0}.game-grid{grid-template-columns:repeat(2,1fr)}.section-title-row{align-items:flex-start}.section-title-row h2{font-size:29px}.community-section{margin:14px 0 38px;padding:32px 22px;gap:28px}.community-section h2{font-size:51px}.community-cards{grid-template-columns:1fr}.simple-page{padding:16px}.compact-page-hero{padding:38px 22px}.compact-page-hero::after{opacity:.15}.page-hero h1{font-size:49px}.discover-builder{grid-template-columns:1fr}.discover-filters{position:static}.placeholder-results{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:380px;padding:38px 22px}.auth-visual h1{font-size:56px}.auth-panel{padding:20px 14px 40px}.account-layout{grid-template-columns:1fr}.account-sidebar{display:none}.account-content{padding:14px}.account-grid{grid-template-columns:1fr}.account-right{grid-template-columns:1fr 1fr}.settings-section{grid-template-columns:1fr;gap:14px}.settings-heading h1{font-size:37px}.mobile-drawer{position:fixed;display:block;top:0;right:0;width:min(88vw,370px);height:100vh;background:linear-gradient(180deg,#11182d,#080d1b);border-left:1px solid var(--line);z-index:100;padding:22px;transform:translateX(105%);transition:transform .25s ease;box-shadow:-30px 0 70px rgba(0,0,0,.45)}body.menu-open .mobile-drawer{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:90;display:block;opacity:0;pointer-events:none;transition:.2s}body.menu-open .drawer-backdrop{opacity:1;pointer-events:auto}.drawer-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(185,156,255,.1);color:#c8b5ff;display:grid;place-items:center}.drawer-close svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.drawer-brand{margin:8px 0 34px}.mobile-drawer nav{display:grid;gap:5px}.mobile-drawer nav a{height:47px;border-radius:13px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#c2c9d9;font-size:14px}.mobile-drawer nav a:hover{background:rgba(199,154,255,.07);color:white}.mobile-drawer nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.drawer-separator{height:1px;background:var(--line);margin:18px 0}.mobile-drawer>.btn{margin-top:9px}}
@media (max-width:620px){.home-main{padding:10px}.hero-main-card{border-radius:20px;min-height:700px}.hero-content{padding:50px 18px 28px}.eyebrow{font-size:12px}.hero-copy{line-height:1.55}.social-login-row>span{width:100%;text-align:center}.filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex:0 0 auto}.game-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px;scrollbar-width:none}.game-grid::-webkit-scrollbar{display:none}.game-card{flex:0 0 70%;scroll-snap-align:start}.section-title-row h2{font-size:24px}.section-title-row>.text-link{display:none}.community-section h2{font-size:43px}.footer{padding:24px 18px;display:grid;gap:10px}.footer p{margin:0}.simple-page{padding:10px}.page-hero h1{font-size:41px}.placeholder-results article{grid-template-columns:95px 1fr}.placeholder-cover{min-height:120px}.oauth-grid{grid-template-columns:1fr}.auth-card{padding:24px 18px}.two-cols{grid-template-columns:1fr}.auth-visual{min-height:330px}.auth-visual h1{font-size:48px}.profile-summary{grid-template-columns:78px 1fr;padding:0 16px 16px;gap:14px;margin-top:-35px}.profile-avatar{width:78px;height:78px}.profile-copy{padding-top:34px}.profile-copy p:last-child{display:none}.profile-summary>.btn{display:none}.profile-stats{margin:0 16px}.profile-cards-grid{grid-template-columns:1fr}.account-right{grid-template-columns:1fr}.settings-heading{align-items:flex-start}.settings-heading>.btn{display:none}.settings-heading h1{font-size:32px}.settings-card{padding:15px}.connected-settings>div{grid-template-columns:30px 1fr}.connected-settings .btn{grid-column:2;width:max-content}.flash-message{left:12px;right:12px;top:82px;text-align:center}}
.library-actions{display:flex;gap:10px}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-game-card{border:1px solid var(--line);background:#0c1326;border-radius:18px;overflow:hidden}.library-cover{aspect-ratio:3/4;position:relative;background:#121a30;overflow:hidden}.library-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-fallback{width:100%;height:100%;display:grid;place-items:center;font-family:"Barlow Condensed",sans-serif;font-size:81px;color:#cfb0ff;background:radial-gradient(circle at 70% 20%,rgba(242,163,207,.25),transparent 35%),linear-gradient(145deg,#121d3a,#36295f)}.current-badge{position:absolute;left:10px;bottom:10px;background:var(--mint);color:#07111d;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.library-game-info{padding:13px}.library-game-info h2{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-game-info p{font-size:12px;color:#8c97af;margin:0}.library-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.library-card-actions button{border:0;background:transparent;padding:0;color:#cba8ff;font-size:12px;font-weight:750;cursor:pointer}.library-card-actions span{font-size:12px;color:#5f6a83}.large-empty{min-height:430px;display:grid;place-items:center;align-content:center}.pagination-wrap{margin-top:20px;color:#9aa5bd}.pagination-wrap nav{display:flex;justify-content:center}.pagination-wrap svg{width:18px}@media(max-width:1100px){.library-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.library-grid{grid-template-columns:repeat(2,1fr)}.library-heading{display:grid}.library-actions{margin-top:5px}}@media(max-width:420px){.library-grid{grid-template-columns:1fr 1fr;gap:9px}.library-game-info{padding:10px}.library-card-actions{display:grid}}
.profile-library-row{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:12px;padding:9px;border-top:1px solid var(--line)}.profile-library-row:first-of-type{border-top:0}.profile-library-cover{width:86px;height:48px;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#18294a,#603c78);display:grid;place-items:center}.profile-library-cover img{width:100%;height:100%;object-fit:cover}.profile-library-row>div:nth-child(2){display:grid}.profile-library-row strong{font-size:12px}.profile-library-row small{font-size:12px;color:#78849f;margin-top:3px}.profile-library-row em{font-style:normal;font-size:12px;color:#9ce7c4}@media(max-width:520px){.profile-library-row{grid-template-columns:70px 1fr}.profile-library-cover{width:70px}.profile-library-row em{grid-column:2}}

/* v0.3 - discovery, reactions, Steam catalog and player matching */
.top-search,.hero-search{position:relative}.search-suggestions{position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:70;border:1px solid var(--line-strong);border-radius:17px;background:rgba(8,13,28,.98);box-shadow:0 24px 65px rgba(0,0,0,.48);padding:7px;backdrop-filter:blur(18px)}.search-suggestions[hidden]{display:none}.search-suggestion{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:7px;border-radius:11px}.search-suggestion:hover,.search-suggestion.active{background:rgba(199,154,255,.09)}.search-suggestion img{width:38px;height:48px;border-radius:7px;object-fit:cover;background:#141d35}.search-suggestion span{display:grid;min-width:0}.search-suggestion strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion small{font-size:12px;color:#7e8aa5;margin-top:3px}.hero-suggestions{top:64px}.app-toast{position:fixed;right:22px;bottom:22px;z-index:120;max-width:360px;border:1px solid rgba(143,228,192,.27);background:#102038;color:#e6fff5;padding:13px 16px;border-radius:14px;box-shadow:var(--shadow);font-size:13px}.app-toast[hidden]{display:none}
.step-orb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#07111c;font-weight:950;font-size:12px}.step-orb.mint{background:var(--mint)}.step-orb.purple{background:var(--purple)}.step-orb.pink{background:var(--pink)}.tag-cloud a{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#b9c0d4;border-radius:999px;padding:7px 10px;font-size:12px}.tag-cloud a:hover{border-color:rgba(199,154,255,.5);color:#f1eaff}.filter-row a{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#b9c0d4;border-radius:999px;padding:8px 13px;font-size:12px}.filter-row a:hover{border-color:rgba(199,154,255,.55);color:#eee6ff;background:rgba(173,129,255,.12)}
.recommendation-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.smart-game-card .cover-wrap{aspect-ratio:2/3}.image-fallback{position:absolute;inset:0;display:none;place-items:center;background:radial-gradient(circle at 65% 20%,rgba(242,163,207,.3),transparent 34%),linear-gradient(145deg,#111b35,#3c2b61);font-family:"Barlow Condensed",sans-serif;font-size:63px;color:#dac3ff}.image-failed .image-fallback{display:grid}.image-failed img{display:none}.free-badge{position:absolute;left:9px;top:9px;background:var(--mint);color:#07111b;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.04em}.why-match{display:grid;gap:3px;margin:10px 0 9px;padding:8px 9px;border:1px solid rgba(143,228,192,.12);border-radius:10px;background:rgba(143,228,192,.035)}.why-match span{font-size:12px;color:#7fdab7;font-weight:900;letter-spacing:.09em}.why-match small{font-size:12px;line-height:1.35;color:#a9b7c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-bottom{display:flex;align-items:center;justify-content:space-between}.reaction-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.reaction-form{margin:0}.reaction-button{width:100%;min-height:28px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#8994aa;font-size:12px;cursor:pointer;transition:.18s}.reaction-button span{margin-left:3px}.reaction-button:hover{color:#e5e9f5;border-color:var(--line-strong)}.reaction-button.active.liked{color:#07111b;border-color:transparent;background:var(--mint);font-weight:850}.reaction-button.active.disliked{color:#231019;border-color:transparent;background:var(--pink);font-weight:850}.catalog-empty{margin-top:18px}.catalog-empty p{color:var(--muted);font-size:12px}.catalog-empty code,.search-empty code{color:#d6b8ff}
.filter-title-row{display:flex;align-items:center;justify-content:space-between}.filter-title-row a{font-size:12px;color:#caa5ff}.discover-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.result-toolbar>div{display:grid;gap:4px}.result-toolbar small{font-size:12px;color:#77839e}.sort-form{margin:0}.search-empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center}.search-empty h2{font-family:"Barlow Condensed",sans-serif;font-size:31px;margin:0}.search-empty p{max-width:560px;color:#8995ad;line-height:1.65;font-size:12px}.search-empty .btn{margin-top:8px}
.game-detail-page{padding-top:24px}.game-detail-hero{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0b1224;min-height:530px}.game-detail-backdrop{position:absolute;inset:0;opacity:.27}.game-detail-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07101f 10%,rgba(7,16,31,.85) 45%,rgba(7,16,31,.45)),linear-gradient(0deg,#08101f,transparent 55%)}.game-detail-backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.game-detail-grid{position:relative;z-index:1;display:grid;grid-template-columns:270px minmax(0,750px);gap:36px;align-items:end;min-height:530px;padding:46px}.game-detail-cover{position:relative;aspect-ratio:2/3;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.17);box-shadow:0 28px 60px rgba(0,0,0,.4);background:#141d36}.game-detail-cover img{width:100%;height:100%;object-fit:cover}.game-detail-copy h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(46px,5vw,78px);line-height:.9;margin:0 0 18px;letter-spacing:.01em}.game-detail-copy>p:not(.section-kicker){max-width:690px;color:#bcc5d6;line-height:1.65}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.detail-tags a{border:1px solid var(--line-strong);border-radius:999px;padding:7px 10px;font-size:12px;color:#c7cfdf;background:rgba(4,8,18,.3)}.detail-facts{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0;color:#8d98af;font-size:12px}.detail-facts span{display:grid;gap:4px}.detail-facts strong{color:#edf0f8;font-size:12px}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail-reactions{display:flex;gap:7px}.reaction-detail{color:#dde3ef;background:rgba(7,12,24,.58);border-color:var(--line-strong);min-height:43px}.reaction-detail.active.liked{background:var(--mint);color:#061219}.reaction-detail.active.disliked{background:var(--pink);color:#210d18}.owned-note{margin-top:15px;display:flex;align-items:center;gap:8px;color:#a8e9cc;font-size:12px}.owned-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.detail-similar{padding-left:0;padding-right:0}.detail-similar .game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.match-content{max-width:1250px}.match-heading{margin-top:5px}.match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.match-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#0e162b,#0a1121);padding:17px;display:flex;flex-direction:column;min-width:0}.match-top{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center}.match-top img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#1b2540}.match-top h2{font-size:15px;margin:0}.match-top span{font-size:12px;color:#79859d}.match-score{width:52px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(120deg,var(--mint),#b5efd4);color:#06121b;font-size:13px}.match-card>p{font-size:12px;color:#8e99b0;line-height:1.55;min-height:47px}.match-reasons{display:flex;gap:5px;flex-wrap:wrap;margin:2px 0 13px}.match-reasons span{font-size:12px;color:#d8c7f4;background:rgba(199,154,255,.08);border:1px solid rgba(199,154,255,.14);padding:5px 7px;border-radius:999px}.match-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.match-tags small,.common-games>small{width:100%;font-size:12px;color:#69758e;letter-spacing:.1em}.match-tags span{font-size:12px;color:#9ba6bb;border:1px solid var(--line);padding:5px 7px;border-radius:999px}.common-games{margin:13px 0}.common-games>div{display:flex;gap:6px;margin-top:7px}.common-games img{width:58px;height:28px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.match-card>.btn{margin-top:auto}.public-profile-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0b1224}.public-profile-banner{height:180px;background:url('../images/profile-banner.svg') center/cover}.public-profile-head{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center;padding:0 34px;margin-top:-55px}.public-profile-head>img{width:130px;height:130px;border-radius:50%;border:5px solid #0b1224;background:#1b2541;object-fit:cover}.public-profile-head h1{font-family:"Barlow Condensed",sans-serif;font-size:47px;margin:0}.public-profile-head p:last-child{font-size:12px;color:#929db4}.public-profile-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:28px 34px 34px}.public-profile-columns section{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.018)}.public-profile-columns h2{font-size:12px;color:#7c88a0;margin:0 0 10px}.public-games{padding-left:0;padding-right:0}.public-games .game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.playing-now{color:#8de6c0!important}.muted-small{font-size:12px;color:#7f8aa3}
@media(max-width:1250px){.recommendation-grid{grid-template-columns:repeat(4,1fr)}.discover-game-grid{grid-template-columns:repeat(3,1fr)}.match-grid{grid-template-columns:repeat(2,1fr)}.detail-similar .game-grid,.public-games .game-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.recommendation-grid{grid-template-columns:repeat(2,1fr)}.discover-game-grid{grid-template-columns:repeat(2,1fr)}.game-detail-grid{grid-template-columns:180px 1fr;padding:28px;min-height:440px}.game-detail-copy h1{font-size:49px}.match-grid{grid-template-columns:1fr 1fr}.public-profile-columns{grid-template-columns:1fr 1fr}.detail-similar .game-grid,.public-games .game-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.search-suggestions{position:fixed;left:10px;right:10px;top:72px}.hero-suggestions{position:absolute;left:0;right:0;top:64px}.recommendation-grid,.discover-game-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.recommendation-grid .game-card,.discover-game-grid .game-card{flex:0 0 72%;scroll-snap-align:start}.why-match small{white-space:normal}.game-detail-hero{border-radius:20px}.game-detail-grid{display:block;padding:22px;min-height:650px}.game-detail-cover{width:160px;margin-bottom:22px}.game-detail-copy h1{font-size:45px}.detail-facts{gap:13px}.detail-reactions{width:100%;display:grid;grid-template-columns:1fr 1fr}.reaction-detail{padding:0 12px;font-size:12px}.match-grid{grid-template-columns:1fr}.public-profile-banner{height:120px}.public-profile-head{grid-template-columns:78px 1fr;padding:0 16px;margin-top:-37px;gap:12px}.public-profile-head>img{width:78px;height:78px;border-width:3px}.public-profile-head h1{font-size:33px}.public-profile-head .section-kicker{display:none}.public-profile-columns{grid-template-columns:1fr;padding:18px 16px}.detail-similar .game-grid,.public-games .game-grid{display:flex;grid-template-columns:none}.detail-similar .game-card,.public-games .game-card{flex:0 0 70%}.match-score{width:46px}.app-toast{left:12px;right:12px;bottom:14px;max-width:none}}

/* v0.4 visual refinement - lighter typography, real provider icons, full-bleed game cards */
body{font-family:"Barlow",ui-sans-serif,system-ui,sans-serif;font-weight:400}
body *{font-weight:400!important}
.hero-content h1,.community-section h2,.page-hero h1,.auth-visual h1,.section-title-row h2,.game-detail-copy h1,.public-profile-head h1,.settings-heading h1,.profile-copy h1,.auth-card h2,.search-empty h2,.game-meta h3,.library-game-info h2{font-family:"Barlow Condensed",sans-serif;font-weight:400!important;letter-spacing:.015em}
.hero-content h1,.community-section h2,.page-hero h1,.auth-visual h1{line-height:.9;letter-spacing:.025em}
.hero-copy{font-family:"Barlow",sans-serif;font-weight:300!important;letter-spacing:.01em}
.eyebrow,.section-kicker,.side-card-head h2,.panel-head h2,.platform-picks h3{font-family:"Barlow Condensed",sans-serif;font-weight:400!important;letter-spacing:.12em}
.btn,.desktop-nav,.brand,.tag-cloud,.filter-row,.game-meta,.side-card,.auth-card,.account-content{font-weight:400!important}
strong,b{font-weight:400!important}

.provider-logo{width:20px;height:20px;object-fit:contain;display:block;flex:0 0 auto}
.oauth-button .provider-logo,.social-login-row .provider-logo,.connected-row .provider-logo,.connected-settings .provider-logo{filter:invert(1);opacity:.94}
.oauth-button{gap:11px}
.oauth-button .provider-logo{width:24px;height:24px}
.social-login-row .provider-logo{width:17px;height:17px}
.social-btn .provider-logo{width:19px;height:19px}
.connected-row .provider-logo,.connected-settings .provider-logo{width:22px;height:22px}

/* Guest sidebar: recommendations + platform shortcuts */
.guest-recommendations{display:flex;flex-direction:column}
.side-game-list{display:grid;gap:7px}
.side-game-item{display:grid;grid-template-columns:42px minmax(0,1fr) 15px;gap:10px;align-items:center;padding:7px;border-radius:12px;transition:background .18s ease}
.side-game-item:hover{background:rgba(255,255,255,.035)}
.side-game-item img{width:42px;height:56px;border-radius:8px;object-fit:cover;background:#141d33}
.side-game-item span{display:grid;gap:2px;min-width:0}
.side-game-item strong{font-family:"Barlow Condensed",sans-serif;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-game-item small{font-size:12px;color:#7f8aa4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-game-item>svg{width:14px;height:14px;fill:none;stroke:#9d8abf;stroke-width:1.8}
.platform-picks{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.platform-picks h3{font-size:12px;color:#77839e;margin:0 0 9px}
.platform-picks .tag-cloud a{padding:6px 9px}

/* Full-bleed image cards inspired by the supplied layout */
.smart-game-card{position:relative;isolation:isolate;aspect-ratio:2/3;min-height:0;background:#0b1221;border-color:rgba(174,185,222,.16)}
.smart-game-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(4,8,18,.98) 0%,rgba(4,8,18,.90) 20%,rgba(4,8,18,.62) 42%,rgba(4,8,18,.18) 68%,rgba(4,8,18,0) 86%)}
.smart-game-card .cover-wrap{position:absolute;inset:0;z-index:0;display:block;aspect-ratio:auto;background:#11192d}
.smart-game-card .cover-wrap img{width:100%;height:100%;object-fit:cover}
.smart-game-card .image-fallback{z-index:0;font-family:"Barlow Condensed",sans-serif;font-weight:400!important}
.smart-game-card .game-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:88px 13px 13px;background:transparent}
.smart-game-card .game-title-link{display:block;min-width:0}
.smart-game-card .game-meta h3{font-size:19px;line-height:1.03;margin:0 0 3px;color:#fff;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.smart-game-card .game-meta p{font-size:12px;line-height:1.35;color:#b8bfd0;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-game-card .game-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.smart-game-card .rating{font-size:12px;color:#f1d480}
.smart-game-card .price{font-size:12px;color:#eadbff;background:rgba(173,129,255,.14);border-color:rgba(199,154,255,.25);backdrop-filter:blur(8px)}
.smart-game-card .why-match{display:block;margin:0 0 9px;padding:0;border:0;background:transparent}
.smart-game-card .why-match small{display:block;font-size:12px;line-height:1.35;color:#91dbc0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smart-game-card .reaction-bar{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.11)}
.smart-game-card .reaction-button{min-height:29px;background:rgba(7,12,24,.55);border-color:rgba(255,255,255,.13);color:#c3cad9;backdrop-filter:blur(8px)}
.smart-game-card .reaction-button.active.liked{background:rgba(143,228,192,.9);color:#07111b}
.smart-game-card .reaction-button.active.disliked{background:rgba(242,163,207,.9);color:#211019}
.free-badge{z-index:4;left:10px;top:10px}
.favorite-form{margin:0}
.smart-game-card>.favorite-form,.smart-game-card>a.favorite-button{position:absolute;right:10px;top:10px;z-index:5}
.favorite-button{width:34px;height:34px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(5,9,20,.55);backdrop-filter:blur(9px);color:#f4f3fa;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.favorite-button:hover{transform:scale(1.05);border-color:rgba(242,163,207,.55)}
.favorite-button svg{width:16px;height:16px;fill:transparent;stroke:currentColor;stroke-width:1.7;transition:fill .18s ease}
.favorite-button.active{color:#f2a3cf;background:rgba(40,15,36,.65);border-color:rgba(242,163,207,.5)}
.favorite-button.active svg{fill:currentColor}

/* Favorite button on detail and library */
.favorite-detail{color:#edf0f8;background:rgba(7,12,24,.58);border-color:var(--line-strong)}
.favorite-detail svg{fill:transparent;stroke:currentColor}
.favorite-detail.active{color:#281523;background:linear-gradient(110deg,#f2a3cf,#dba5ff);border-color:transparent}
.favorite-detail.active svg{fill:currentColor}
.library-game-card{position:relative}
.library-favorite-form{position:absolute;right:9px;top:9px;z-index:5}
.library-tabs{display:flex;gap:7px;margin-top:18px}
.library-tabs a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:#98a3b9;font-size:12px;background:rgba(255,255,255,.02)}
.library-tabs a.active{border-color:rgba(199,154,255,.36);color:#eee5ff;background:rgba(174,127,255,.09)}

@media(max-width:620px){
  .smart-game-card .game-meta{padding:96px 14px 14px}
  .smart-game-card .game-meta h3{font-size:21px}
  .side-game-item{grid-template-columns:38px minmax(0,1fr) 14px}
  .side-game-item img{width:38px;height:50px}
  .provider-logo{width:18px;height:18px}
}
.hero-copy{font-family:"Barlow Condensed",sans-serif;font-size:19px;font-weight:400!important}
@media(min-width:901px){
  .top-actions>.icon-button{display:grid;width:38px;height:38px;border-radius:50%;border:1px solid transparent}
  .top-actions>.icon-button:hover{background:rgba(255,255,255,.035);border-color:var(--line)}
}

/* v0.5 - calmer Discord/Steam inspired account UI */
:root{
  --bg:#070b18;
  --bg-2:#091020;
  --panel:#0d1427;
  --panel-2:#10182d;
  --panel-3:#141d34;
  --line:rgba(155,170,205,.16);
  --line-strong:rgba(155,170,205,.28);
  --text:#f2f4fb;
  --muted:#8f9ab2;
  --purple:#c79aff;
  --pink:#f2a3cf;
  --mint:#8fe4c0;
  --cyan:#87d6ff;
}
body{background:#070b18;font-family:"Barlow",ui-sans-serif,system-ui,sans-serif;font-weight:400;letter-spacing:0}
body::before{display:none}
body *{font-weight:400!important}
strong,b{font-weight:400!important}
.site-shell{max-width:100%;width:100%}
.topbar{height:72px;grid-template-columns:210px minmax(280px,430px) 1fr auto;padding:0 24px;gap:24px;background:rgba(7,11,24,.96);border-color:#18223a;backdrop-filter:blur(12px)}
.brand{font-size:15px;letter-spacing:.065em;font-weight:500!important}.brand img{width:27px;height:27px}
.top-search{height:42px;background:#10182b;border-color:#202b46;padding:0 15px}.top-search input{height:40px;font-size:14px}.desktop-nav{font-size:14px;gap:28px;color:#b7bfd0}.desktop-nav a::after{height:1px;background:var(--purple)}
.user-mini{position:relative;padding:5px 8px}.user-mini img{width:32px;height:32px}.user-mini strong{font-size:12px}.user-mini small{font-size:12px}.user-mini .presence-dot{position:absolute;left:32px;top:28px}
.btn{min-height:43px;padding:0 19px;font-size:13px;border-radius:999px;box-shadow:none;letter-spacing:.01em}.btn:hover{transform:none;filter:none}.btn-purple{background:#cf97f4;color:#101321}.btn-purple:hover{background:#d9a9f8}.btn-pink{background:#f2a3cf;color:#17111a}.btn-mint{background:#8fe4c0;color:#08141a}.btn-discord{background:#a7a2ff;color:#0e1020}.btn-ghost{background:#0c1325;border-color:#26314b;color:#d9dfeb}.btn-ghost:hover{background:#111a30;border-color:#34405d}
.account-page .footer{display:none}
.account-layout{grid-template-columns:188px minmax(0,1fr);min-height:calc(100vh - 72px);background:#070b18}
.account-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);padding:23px 12px 14px;border-right:1px solid #18223a;background:#080d1b;display:flex;flex-direction:column;gap:18px}
.account-sidebar .account-brand{height:auto;padding:0 10px 10px;color:#dfe4ef;font-size:12px}.account-sidebar .account-brand img{width:25px;height:25px}
.account-sidebar nav{display:grid;gap:4px}
.account-sidebar nav a{height:43px;padding:0 11px;border-radius:11px;display:flex;align-items:center;gap:11px;color:#8995ad;font-size:12px;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}
.account-sidebar nav a:hover{color:#e9edf6;background:#0f1729}.account-sidebar nav a.active{color:#e7d7ff;background:#17172d;border-color:#2a2745}
.account-sidebar nav a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;flex:0 0 auto}
.sidebar-user-card{margin-top:auto;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:10px;border:1px solid #1d2942;border-radius:12px;background:#0c1324}.sidebar-user-card img{width:34px;height:34px;border-radius:50%;object-fit:cover}.sidebar-user-card div{display:grid;gap:2px;min-width:0}.sidebar-user-card strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-card small{font-size:12px;color:#75829b}.sidebar-logout{margin:0}.sidebar-logout button{height:36px;font-size:12px;border-color:#1d2942;background:#0a1020;color:#7f8ca5}.sidebar-logout button:hover{color:#d9dfeb;background:#10172a}
.account-content{padding:22px 24px 40px;min-width:0}.account-content-profile{max-width:1340px}.account-grid-profile{grid-template-columns:minmax(0,1fr) 270px;gap:14px}.account-main{min-width:0}
.profile-hero-card,.panel-card{background:#0d1427;border:1px solid #202b45;box-shadow:none}.profile-hero-card{border-radius:18px}.panel-card{border-radius:16px;padding:15px}
.profile-banner{height:150px;background:linear-gradient(to bottom,rgba(8,12,27,.02),rgba(8,12,27,.5)),url('../images/profile-banner.svg') center 43%/cover}
.profile-summary-v2{grid-template-columns:122px minmax(0,1fr) auto;gap:20px;padding:0 23px 17px;margin-top:-57px;align-items:center}.profile-avatar-wrap{width:122px;height:122px}.profile-avatar{width:122px;height:122px;border:4px solid #0d1427;box-shadow:0 0 0 1px rgba(199,154,255,.32);object-fit:cover}.profile-avatar-wrap .presence-dot{width:16px;height:16px;right:7px;bottom:11px;border-width:4px}
.avatar-with-status{position:relative;display:inline-flex;flex:0 0 auto}.presence-dot{position:absolute;width:10px;height:10px;right:-1px;bottom:0;border-radius:50%;background:#59657b;border:2px solid #0d1427;box-sizing:content-box}.presence-dot.online{background:#66e39a}.avatar-with-status.small .presence-dot{width:7px;height:7px;border-width:2px;right:0;bottom:1px}
.profile-copy{padding-top:58px;min-width:0}.profile-name-line h1{font-family:"Barlow",sans-serif!important;font-size:25px;letter-spacing:0;margin:0;color:#f5f7fb}.profile-name-line span{font-size:12px;padding:4px 7px;border-color:#2a3550;color:#9ca7ba}.profile-copy p{font-size:12px;line-height:1.55;color:#9ca7ba;max-width:560px}.profile-role{color:#86c9ee!important}.profile-presence-text{display:inline-flex;align-items:center;gap:7px;margin-top:3px;font-size:12px;color:#7e8aa1}.profile-presence-text .presence-dot{position:static;width:6px;height:6px;border:0}.profile-actions{display:grid;gap:8px;padding-top:58px;min-width:142px}.profile-actions .btn{min-height:39px;font-size:12px;padding:0 14px}
.profile-stats-v2{margin:0 23px;padding:13px 0 15px}.profile-stats-v2 div{padding-left:13px}.profile-stats-v2 span{font-size:12px;color:#6f7d97}.profile-stats-v2 strong{font-size:16px;color:#e9edf4}
.profile-cards-grid-v2{grid-template-columns:1fr 1.25fr;gap:10px;margin-top:10px}.panel-head{margin-bottom:12px}.panel-head h2{font-family:"Barlow",sans-serif!important;font-size:12px;letter-spacing:.06em;color:#d9deea}.panel-head a{font-size:12px;color:#cba3ef;text-decoration:none}.connected-row{height:46px;border-radius:11px;background:#10182b;border-color:#253049;margin-top:7px;padding:0 10px}.connected-row:hover{border-color:#3a4560;background:#121c31}.connected-row strong{font-size:12px}.connected-row span{font-size:12px}.provider-logo{filter:invert(1);opacity:.95}.preference-chips{gap:6px}.preference-chips span{padding:6px 9px;font-size:12px;background:#11192d;border-color:#263149;color:#9ca6ba}.preference-chips span.selected{background:#221a37;border-color:#5a4673;color:#e0c9ff}
.library-panel{margin-top:10px}.profile-library-row{grid-template-columns:82px minmax(0,1fr) auto;padding:8px 4px;border-color:#202a42}.profile-library-cover{width:82px;height:46px;border-radius:8px}.profile-library-row strong{font-size:12px}.profile-library-row small,.profile-library-row em{font-size:12px}.empty-library{padding:34px 18px 29px}.empty-icon{width:48px;height:48px;border-radius:14px}.empty-library h3{font-size:14px}.empty-library p{font-size:12px}
.account-right-v2{gap:10px}.player-activity-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 0;border-top:1px solid transparent}.player-activity-row:hover{background:#10182b;border-radius:9px;padding-left:6px;padding-right:6px}.player-activity-row img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#161f37}.player-activity-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.player-activity-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-activity-row small{font-size:12px;color:#73819a}.player-activity-row em{font-style:normal;font-size:12px;color:#9fe6c6}.recommend-row{grid-template-columns:52px 1fr;gap:9px}.recommend-row img{width:52px;height:48px;border-radius:8px}.recommend-row strong{font-size:12px}.recommend-row small{font-size:12px}.recommend-row em{font-size:12px}.settings-shortcuts>a{border-radius:11px;padding:10px;border-color:#222d46}.settings-shortcuts strong{font-size:12px}.settings-shortcuts small{font-size:12px}
.match-card{background:#0d1427;border-color:#202b45;border-radius:16px}.match-top{position:relative}.match-avatar-wrap{position:relative;width:52px;height:52px}.match-avatar-wrap img{width:52px;height:52px;border-radius:50%;object-fit:cover}.match-avatar-wrap .presence-dot{right:1px;bottom:2px}.match-top span.online-label{color:#73dda2}.public-avatar-wrap{position:relative;display:inline-flex}.public-avatar-wrap .presence-dot{right:7px;bottom:8px;width:12px;height:12px;border-width:3px}

/* Onboarding */
.onboarding-page .topbar,.onboarding-page .footer{display:none}.onboarding-page{background:#070b18}.onboarding-shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:24px 0 60px}.onboarding-topline{height:50px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.onboarding-progress{display:flex;align-items:center;gap:12px;color:#7f8aa1;font-size:12px}.onboarding-progress i{width:150px;height:3px;border-radius:999px;background:#1b2540;overflow:hidden}.onboarding-progress b{display:block;width:14.285%;height:100%;background:#c79aff;transition:width .22s ease}
.onboarding-card{border:1px solid #202b45;border-radius:22px;background:#0b1223;padding:28px 32px 22px;min-height:650px;display:flex;flex-direction:column}.onboarding-heading{border-bottom:1px solid #202a42;padding-bottom:22px}.onboarding-heading p{margin:0 0 8px;color:#8fe4c0;font-size:12px;letter-spacing:.12em}.onboarding-heading h1{font-family:"Barlow Condensed",sans-serif;font-size:45px;line-height:.95;letter-spacing:.02em;margin:0;color:#f2f4fb}.onboarding-heading>span{display:block;margin-top:10px;color:#8e99af;font-size:12px}.onboarding-error{margin:14px 0 0}
.onboarding-step{display:none;padding:28px 0 12px;flex:1}.onboarding-step.is-active{display:block}.onboarding-step-copy{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;margin-bottom:24px}.onboarding-step-copy>small{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #46365d;color:#cda5ef;font-size:12px}.onboarding-step-copy h2{font-family:"Barlow",sans-serif!important;font-size:20px;margin:0;color:#f0f3f9}.onboarding-step-copy p{font-size:12px;color:#7f8aa2;line-height:1.55;margin:5px 0 0}
.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.avatar-choice input,.onboarding-game input,.choice-chips input{position:absolute;opacity:0;pointer-events:none}.avatar-choice span{display:grid;place-items:center;border:1px solid #253149;border-radius:16px;padding:8px;background:#0f1729;cursor:pointer;transition:.15s}.avatar-choice span:hover{border-color:#4b4564}.avatar-choice img{width:100%;aspect-ratio:1;border-radius:50%}.avatar-choice input:checked+span{border-color:#c79aff;box-shadow:0 0 0 2px rgba(199,154,255,.12);background:#16172d}
.onboarding-games{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.onboarding-game-art{position:relative;display:block;aspect-ratio:2/3;border-radius:13px;overflow:hidden;border:1px solid #253049;background:#10182b;cursor:pointer}.onboarding-game-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.onboarding-game-art i{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,8,17,.96),rgba(4,8,17,.1) 62%)}.onboarding-game-art strong{position:absolute;left:10px;right:10px;bottom:10px;font-size:12px;line-height:1.25;color:#fff}.onboarding-game-art b{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#c79aff;color:#121222;font-size:12px;opacity:0;transform:scale(.8);transition:.15s}.onboarding-game input:checked+.onboarding-game-art{border-color:#d5b0f5;box-shadow:0 0 0 2px rgba(199,154,255,.13)}.onboarding-game input:checked+.onboarding-game-art b{opacity:1;transform:scale(1)}
.onboarding-field{margin-top:22px}.onboarding-field h3{font-size:12px;letter-spacing:.06em;color:#8792a9;margin:0 0 10px}.choice-chips{display:flex;flex-wrap:wrap;gap:8px}.choice-chips label span{display:block;padding:8px 12px;border-radius:999px;border:1px solid #273149;background:#0f1729;color:#9da7bb;font-size:12px;cursor:pointer}.choice-chips label span:hover{border-color:#464d65;color:#d9deea}.choice-chips input:checked+span{background:#241b39;border-color:#735592;color:#eadcff}.choice-chips-large label span{padding:10px 15px;font-size:12px}
.privacy-grid{max-width:650px;display:grid;gap:10px}.privacy-select,.onboarding-toggle{min-height:52px;border:1px solid #253049;border-radius:12px;background:#0f1729;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.privacy-select>span,.onboarding-toggle>span{font-size:12px;color:#bac2d1}.privacy-select select{background:#0b1222;color:#d9deea;border:1px solid #29354f;border-radius:9px;padding:8px 10px;font-size:12px}.onboarding-toggle input{position:absolute;opacity:0}.onboarding-toggle i{width:34px;height:18px;border-radius:999px;background:#273149;position:relative;transition:.15s}.onboarding-toggle i::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#8d98ad;left:2px;top:2px;transition:.15s}.onboarding-toggle input:checked+i{background:#514067}.onboarding-toggle input:checked+i::after{left:18px;background:#d6b3f5}
.connect-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px}.connect-finish{min-height:78px;border:1px solid #28334d;border-radius:14px;background:#10182b;color:#e8ebf3;padding:13px 15px;display:grid;grid-template-columns:36px 1fr 18px;gap:12px;align-items:center;text-align:left;cursor:pointer}.connect-finish:hover{border-color:#4a5268;background:#131d32}.connect-finish img{width:32px;height:32px;object-fit:contain;filter:invert(1)}.connect-finish span{display:grid;gap:4px}.connect-finish strong{font-size:12px}.connect-finish small{font-size:12px;color:#7e8aa2}.connect-finish b{font-size:19px;color:#a994c8}.onboarding-finish{margin-top:18px}.onboarding-actions{border-top:1px solid #202a42;padding-top:18px;margin-top:auto;display:flex;justify-content:space-between}.onboarding-actions .btn{min-width:120px}
@media(max-width:1100px){
  .account-grid-profile{grid-template-columns:1fr}.account-right-v2{grid-template-columns:repeat(3,1fr)}
  .avatar-picker{grid-template-columns:repeat(4,1fr)}.onboarding-games{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .account-layout{grid-template-columns:1fr}.account-sidebar{display:none}.account-content{padding:14px}.account-right-v2{grid-template-columns:1fr 1fr}.mobile-menu-button{display:flex}
  .profile-summary-v2{grid-template-columns:100px 1fr}.profile-avatar-wrap,.profile-avatar{width:100px;height:100px}.profile-actions{grid-column:2;padding-top:0;display:flex}.profile-copy{padding-top:46px}.profile-banner{height:130px}
  .onboarding-games{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .topbar{height:66px;grid-template-columns:1fr auto;padding:0 14px}.topbar .top-search,.desktop-nav{display:none}.brand{font-size:13px}.top-actions>.btn,.top-actions>.icon-button,.user-mini span{display:none}.user-mini{padding:0}.user-mini img{width:32px;height:32px}.mobile-menu-button{display:flex}
  .profile-summary-v2{grid-template-columns:74px 1fr;padding:0 15px 14px;margin-top:-37px;gap:12px}.profile-avatar-wrap,.profile-avatar{width:74px;height:74px}.profile-avatar{border-width:3px}.profile-avatar-wrap .presence-dot{width:11px;height:11px;border-width:3px;right:3px;bottom:5px}.profile-copy{padding-top:35px}.profile-name-line h1{font-size:21px}.profile-copy p:last-of-type{display:none}.profile-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.profile-actions .btn{width:100%}.profile-stats-v2{margin:0 15px;grid-template-columns:repeat(4,1fr)}.profile-stats-v2 span{font-size:12px}.profile-stats-v2 strong{font-size:14px}.profile-cards-grid-v2{grid-template-columns:1fr}.account-right-v2{grid-template-columns:1fr}
  .onboarding-shell{width:min(100% - 20px,1080px);padding:10px 0 30px}.onboarding-topline{height:44px}.onboarding-progress i{width:90px}.onboarding-card{padding:22px 16px 16px;border-radius:17px;min-height:680px}.onboarding-heading h1{font-size:35px}.onboarding-heading>span{font-size:12px}.onboarding-step{padding-top:22px}.onboarding-step-copy h2{font-size:18px}.avatar-picker{grid-template-columns:repeat(4,1fr);gap:9px}.onboarding-games{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.onboarding-game{flex:0 0 38%;scroll-snap-align:start}.choice-chips{gap:6px}.choice-chips label span{padding:8px 10px}.connect-finish-grid{grid-template-columns:1fr}.onboarding-actions .btn{min-width:100px}
}

.public-avatar-wrap img{width:130px;height:130px;border-radius:50%;border:5px solid #0b1224;background:#1b2541;object-fit:cover}
@media(max-width:620px){.public-avatar-wrap img{width:78px;height:78px;border-width:3px}}
.settings-global-error{margin:-14px 0 18px;max-width:680px}.settings-heading h1{font-family:"Barlow Condensed",sans-serif!important;font-size:41px;line-height:1}.settings-heading p:last-child{font-size:12px}.settings-section-title h2{font-family:"Barlow",sans-serif!important;font-size:12px;letter-spacing:.05em}.settings-card{background:#0d1427;border-color:#202b45;border-radius:16px}.settings-card input,.settings-card textarea,.settings-card select{background:#0a1121;border-color:#273149;border-radius:10px}.settings-section-title>span{background:#16172d;color:#c9a1ed;border-color:#3b3152}
.current-avatar-choice span{position:relative}.current-avatar-choice small{position:absolute;left:8px;right:8px;bottom:6px;text-align:center;font-size:12px;color:#eef1f7;background:rgba(6,10,20,.7);padding:3px 4px;border-radius:999px}
.account-content-profile{width:100%;margin:0 auto}
.onboarding-game-search{height:42px;max-width:420px;margin:0 0 14px;border:1px solid #263149;border-radius:999px;background:#0f1729;padding:0 14px;display:flex;align-items:center;gap:9px}.onboarding-game-search svg{width:16px;height:16px;fill:none;stroke:#8e99af;stroke-width:1.8}.onboarding-game-search input{width:100%;height:40px;border:0;background:transparent;outline:0;color:#e8ebf2;font-size:12px}.onboarding-game-search input::placeholder{color:#69768f}.onboarding-games-empty{grid-column:1/-1;color:#7f8aa2;font-size:12px}.onboarding-games-empty code{color:#cba4ee}

/* v0.6 - full-card links, visual feature tiles, player cards and public profiles */
.smart-game-card{position:relative;isolation:isolate;aspect-ratio:2/3;overflow:hidden;cursor:pointer}
.smart-game-card::after{display:none!important}
.smart-game-card .game-card-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .3s ease}
.smart-game-card:hover .game-card-cover{transform:scale(1.025)}
.smart-game-card .game-card-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(4,8,18,.99) 0%,rgba(4,8,18,.92) 20%,rgba(4,8,18,.62) 44%,rgba(4,8,18,.18) 70%,rgba(4,8,18,0) 88%)}
.smart-game-card .game-card-click{position:absolute;inset:0;z-index:2;border-radius:inherit}
.smart-game-card .game-meta{z-index:3;pointer-events:none;padding:96px 14px 14px}
.smart-game-card .reaction-bar,.smart-game-card .reaction-form,.smart-game-card .reaction-button{pointer-events:auto;position:relative;z-index:4}
.smart-game-card>.favorite-form,.smart-game-card>a.favorite-button{z-index:6}
.smart-game-card .free-badge{z-index:5}
.smart-game-card .image-fallback{position:absolute;inset:0;z-index:0}
.smart-game-card .game-meta h3{font-weight:400!important}

.community-section-v2{grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);padding:46px;gap:36px;align-items:stretch}
.community-section-v2 .community-intro{display:flex;flex-direction:column;justify-content:center}
.community-section-v2 .community-intro>p:last-of-type{max-width:420px;margin:18px 0 0;color:#aeb7cd;line-height:1.65;font-size:15px}
.community-section-v2 .community-intro .btn{width:max-content;margin-top:22px}
.community-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.community-feature-cards .community-feature{position:relative;min-height:300px;padding:0;overflow:hidden;border-radius:20px;background:#0b1223;border:1px solid rgba(174,185,222,.16)}
.community-feature>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.community-feature:hover>img:first-child{transform:scale(1.025)}
.community-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,9,20,.98) 0%,rgba(5,9,20,.82) 34%,rgba(5,9,20,.16) 72%,rgba(5,9,20,.06));z-index:1}
.community-feature>div{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:22px}
.community-feature h3{font-family:"Barlow Condensed",sans-serif;font-size:25px;font-weight:400!important;letter-spacing:.015em;margin:0 0 5px;color:#fff}
.community-feature p{font-size:12px;line-height:1.5;color:#b9c2d5;margin:0}
.community-feature .community-provider-mark{position:absolute!important;right:18px!important;top:18px!important;left:auto!important;bottom:auto!important;width:68px!important;height:68px!important;object-fit:contain!important;z-index:2!important;opacity:.34;filter:invert(1)}

.match-content-v2{max-width:none}
.match-heading-v2{align-items:flex-end}
.match-heading-v2 h1{font-size:49px}
.match-heading-v2>div>p:last-child{max-width:670px}
.match-heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.match-game-context{position:relative;overflow:hidden;min-height:94px;margin:0 0 18px;border:1px solid var(--line);border-radius:18px;background:#0d1427;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:18px;padding-right:20px}
.match-game-context::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,27,.05),rgba(8,13,27,.9) 35%,rgba(8,13,27,.98));pointer-events:none}
.match-game-context>img{width:120px;height:94px;object-fit:cover}
.match-game-context>div,.match-game-context>a{position:relative;z-index:1}
.match-game-context>div{display:grid;gap:3px}.match-game-context>div span{font-size:12px;letter-spacing:.12em;color:#8fe4c0}.match-game-context>div strong{font-family:"Barlow Condensed",sans-serif;font-weight:400;font-size:25px}.match-game-context>a{font-size:12px;color:#c9a5ff}
.player-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.player-card{position:relative;min-width:0;aspect-ratio:4/5;border:1px solid rgba(174,185,222,.16);border-radius:18px;overflow:hidden;background:#0c1325;isolation:isolate;transition:.22s ease}
.player-card:hover{transform:translateY(-4px);border-color:rgba(199,154,255,.34);box-shadow:0 18px 38px rgba(0,0,0,.24)}
.player-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .3s ease}.player-card:hover .player-card-bg{transform:scale(1.03)}
.player-card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(4,8,18,.99),rgba(4,8,18,.9) 33%,rgba(4,8,18,.38) 62%,rgba(4,8,18,.08) 86%);pointer-events:none}
.player-card-link{position:absolute;inset:0;z-index:2}
.player-match-score{position:absolute;left:12px;top:12px;z-index:4;min-width:49px;height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(143,228,192,.94);color:#07131b;font-size:12px}
.player-favorite-form{position:absolute;right:11px;top:11px;z-index:5;margin:0}.player-favorite-button,.public-player-heart{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(5,9,20,.55);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;cursor:pointer}.player-favorite-button svg,.public-player-heart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.player-favorite-button.active,.public-player-heart.active{color:#f2a3cf;background:rgba(242,163,207,.18);border-color:rgba(242,163,207,.36)}.player-favorite-button.active svg,.public-player-heart.active svg{fill:currentColor}
.player-card-content{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:72px 14px 14px;pointer-events:none}
.player-card-identity{display:flex;align-items:center;gap:10px}.player-card-avatar{position:relative;display:inline-flex;flex:0 0 48px}.player-card-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.72);background:#1a2441}.player-card-avatar .presence-dot{right:-1px;bottom:2px}
.player-card-identity h2{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:21px;line-height:1;font-weight:400!important}.player-presence{display:block;margin-top:4px;font-size:12px;color:#8d99b0}.player-presence.online{color:#7ce1ae}.player-now-playing{font-size:12px;color:#a9b2c5;margin:11px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-now-playing strong{font-weight:400;color:#e8ebf3}
.player-card-tags{display:flex;gap:5px;flex-wrap:wrap}.player-card-tags span{padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(6,10,22,.42);font-size:12px;color:#c0c7d7;backdrop-filter:blur(7px)}
.player-card-reason{font-size:12px;color:#91dbc0;margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1)}.player-profile-cta{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#e1d4f5}.player-profile-cta svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}.player-discord-link{position:relative;z-index:5;pointer-events:auto;width:30px;height:30px;border-radius:9px;border:1px solid rgba(199,154,255,.22);background:rgba(135,105,226,.14);display:grid;place-items:center}.player-discord-link img{width:17px;height:17px;object-fit:contain;filter:invert(1)}

.public-profile-v2{max-width:1320px}.public-player-hero{position:relative;min-height:470px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#0a1122;isolation:isolate}.public-player-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.public-player-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,20,.96) 0%,rgba(5,9,20,.72) 48%,rgba(5,9,20,.22) 100%),linear-gradient(to top,rgba(5,9,20,.9),transparent 60%)}
.public-player-content{min-height:470px;padding:58px;display:flex;align-items:flex-end;gap:26px;max-width:820px}.public-avatar-v2 img{width:132px!important;height:132px!important;border:4px solid rgba(7,11,24,.9)!important;box-shadow:0 16px 40px rgba(0,0,0,.25)}.public-player-copy{min-width:0;flex:1}.public-player-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.public-player-copy h1{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:59px;line-height:.95;font-weight:400!important}.public-online-label{font-size:12px;color:#9ba6bc}.public-online-label.online{color:#7de0ad}.public-player-bio{margin:14px 0 9px;color:#c0c8d8;font-size:14px;line-height:1.55;max-width:560px}.public-current-game{font-size:12px;color:#91a0b6}.public-current-game a{color:#8fe4c0}.public-player-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.public-player-heart{position:relative;z-index:2;pointer-events:auto}
.public-player-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.public-player-info-grid article{border:1px solid var(--line);border-radius:17px;background:#0d1427;padding:16px}.public-player-info-grid article>span{display:block;font-size:12px;letter-spacing:.1em;color:#818da6;margin-bottom:10px}.public-player-info-grid .preference-chips{display:flex;gap:6px;flex-wrap:wrap}.public-player-info-grid .preference-chips b{font-weight:400;font-size:12px;color:#c2cad8;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.public-player-info-grid small{font-size:12px;color:#727f98}

.profile-media-settings{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:18px}.background-upload-preview{min-height:150px;border-radius:16px;border:1px solid var(--line);background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;overflow:hidden}.background-upload-preview .btn{backdrop-filter:blur(8px);background:rgba(8,12,25,.66)}.settings-background-presets{margin:0 0 20px}.settings-background-presets>span{display:block;font-size:12px;color:#7f8ba3;margin-bottom:8px}.settings-background-presets>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.settings-background-presets label{position:relative;display:block;cursor:pointer}.settings-background-presets input{position:absolute;opacity:0;pointer-events:none}.settings-background-presets img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid var(--line);display:block}.settings-background-presets input:checked+img{border-color:#c79aff;box-shadow:0 0 0 2px rgba(199,154,255,.14)}.discord-profile-settings{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.discord-profile-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.discord-profile-title img{width:30px;height:30px;object-fit:contain;filter:invert(1)}.discord-profile-title div{display:grid}.discord-profile-title strong{font-weight:400;font-size:12px}.discord-profile-title small{font-size:12px;color:#7f8ba4;margin-top:3px}

.onboarding-background-field>p,.discord-share-field>p{font-size:12px;color:#78859e;margin:0 0 10px}.background-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:720px}.background-choice{position:relative}.background-choice input{position:absolute;opacity:0;pointer-events:none}.background-choice span{display:block;position:relative;border:1px solid #263149;border-radius:12px;overflow:hidden;cursor:pointer}.background-choice img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}.background-choice i{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;background:#c79aff;color:#111426;display:grid;place-items:center;font-style:normal;font-size:12px;opacity:0}.background-choice input:checked+span{border-color:#c79aff;box-shadow:0 0 0 2px rgba(199,154,255,.12)}.background-choice input:checked+span i{opacity:1}.discord-share-field h3 span{font-size:12px;color:#68768f;font-weight:400}.discord-share-field input{width:100%;height:42px;border:1px solid #273149;border-radius:10px;background:#0a1121;color:#e6eaf3;padding:0 12px;font-size:12px;outline:none}.discord-share-field input:focus{border-color:#6d578b}

@media(max-width:1250px){.player-grid{grid-template-columns:repeat(4,1fr)}.community-section-v2{grid-template-columns:1fr}.community-feature-cards .community-feature{min-height:270px}}
@media(max-width:1000px){.player-grid{grid-template-columns:repeat(3,1fr)}.public-player-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.community-feature-cards{grid-template-columns:1fr}.community-feature-cards .community-feature{min-height:230px}.player-grid{grid-template-columns:repeat(2,1fr)}.match-heading-v2{display:block}.match-heading-actions{justify-content:flex-start;margin-top:14px}.match-game-context{grid-template-columns:90px 1fr}.match-game-context>img{width:90px}.match-game-context>a{display:none}.public-player-content{padding:28px;min-height:430px;align-items:flex-end}.public-player-hero{min-height:430px}.public-avatar-v2 img{width:96px!important;height:96px!important}.public-player-copy h1{font-size:43px}.profile-media-settings{grid-template-columns:110px 1fr}.settings-background-presets>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.player-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.player-card{flex:0 0 76%;scroll-snap-align:start}.public-player-content{display:block;padding:210px 18px 22px}.public-player-overlay{background:linear-gradient(to top,rgba(5,9,20,.99) 0%,rgba(5,9,20,.83) 48%,rgba(5,9,20,.14) 100%)}.public-avatar-v2 img{width:82px!important;height:82px!important}.public-player-name-row{margin-top:10px}.public-player-copy h1{font-size:39px}.public-player-info-grid{grid-template-columns:1fr}.profile-media-settings{grid-template-columns:1fr}.background-upload-preview{min-height:120px}.background-picker{grid-template-columns:repeat(2,1fr)}}
.favorite-players-section{margin-bottom:28px}.favorite-players-section .section-title-row{margin-bottom:14px}.favorite-players-section .section-title-row h2{font-family:"Barlow Condensed",sans-serif;font-weight:400;font-size:31px;margin:0}.favorite-player-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.favorite-players-empty{padding:16px}.favorite-players-empty p{margin:0;color:#8d99b0;font-size:12px}@media(max-width:1250px){.favorite-player-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.favorite-player-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.favorite-player-grid{display:flex}.favorite-player-grid .player-card{flex:0 0 76%}}
.player-discord-link{width:auto!important;padding:0 9px;display:inline-flex!important;gap:5px}.player-discord-link span{font-size:12px;color:#d8cff4}

/* v0.7 Groupfinder - avatar cropper + social layer */
.avatar-picker-games{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px}.avatar-choice-button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.game-avatar-choice span,.avatar-choice-button span{position:relative;overflow:hidden}.game-avatar-choice img{width:100%;height:112px;object-fit:cover;object-position:center 18%}.game-avatar-choice small,.avatar-choice-button small{position:absolute;left:8px;right:8px;bottom:7px;padding:4px 6px;border-radius:999px;background:rgba(5,8,18,.72);backdrop-filter:blur(8px);font-family:"Barlow",sans-serif;font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-choice.is-selected span,.game-avatar-choice input:checked+span{outline:2px solid #c995ff;outline-offset:2px;box-shadow:0 0 0 5px rgba(201,149,255,.09)}
.avatar-upload-zone{display:flex;align-items:center;gap:16px;margin:18px 0 8px;padding:16px 18px;border:1px dashed #3a4562;border-radius:16px;background:rgba(14,20,39,.72);cursor:pointer;transition:.18s ease}.avatar-upload-zone:hover,.avatar-upload-zone:focus,.avatar-upload-zone.is-dragging{border-color:#bb8cf2;background:rgba(37,28,69,.72);outline:none}.avatar-upload-zone.has-image{border-color:#7fe4c4}.avatar-upload-zone>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.avatar-upload-zone strong{font-weight:400}.avatar-upload-zone span{font-size:13px;color:#8f9ab5}.avatar-upload-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#88e9c9,#c18cf3);color:#07101c;font-size:25px}.avatar-cropper{margin:14px 0 20px;padding:18px;border:1px solid #29334d;border-radius:18px;background:#0b1122}.avatar-crop-stage{width:min(320px,100%);aspect-ratio:1;margin:0 auto;position:relative;overflow:hidden;border-radius:18px;background:#050914;touch-action:none;cursor:grab}.avatar-crop-stage.is-dragging{cursor:grabbing}.avatar-crop-stage img{position:absolute;left:0;top:0;max-width:none;max-height:none;user-select:none;pointer-events:none;transform-origin:0 0}.avatar-crop-frame{position:absolute;inset:0;border:2px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 0 999px rgba(3,6,15,.45);pointer-events:none}.avatar-crop-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:14px}.avatar-crop-controls label{display:flex;align-items:center;gap:10px;color:#9aa6c2;font-size:13px}.avatar-crop-controls input[type=range]{width:150px}.avatar-cropper>p{text-align:center;color:#7f8ba8;font-size:12px;margin:10px 0 0}.settings-avatar-dropzone{margin-top:0}.avatar-settings-stack{display:grid;gap:14px}.avatar-upload-v2{display:flex;align-items:center;gap:12px}.avatar-upload-v2>img{width:92px;height:92px;border-radius:50%;object-fit:cover}.settings-game-avatars>span{display:block;margin-bottom:8px;color:#8793ae;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.settings-game-avatars>div{display:flex;flex-wrap:wrap;gap:8px}.settings-game-avatars label{position:relative;width:58px;cursor:pointer}.settings-game-avatars input{position:absolute;opacity:0}.settings-game-avatars img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid transparent}.settings-game-avatars input:checked+img{border-color:#c18cf3;box-shadow:0 0 0 3px rgba(193,140,243,.12)}.settings-game-avatars small{display:none}.profile-media-settings-v2{align-items:start}
.player-card-actions-v3{gap:7px;flex-wrap:wrap}.player-card-actions-v3>a,.player-card-actions-v3 button,.player-friend-state{position:relative;z-index:4}.player-profile-cta{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.player-friend-inline{position:relative;z-index:4}.player-friend-inline button,.player-challenge-link,.player-friend-state{height:30px;border:1px solid rgba(205,215,241,.16);border-radius:9px;background:rgba(9,14,29,.72);color:#e2e7f4;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font:400 12px/1 "Barlow",sans-serif;text-decoration:none;cursor:pointer}.player-friend-inline svg{width:13px;height:13px}.player-friend-inline button:hover,.player-challenge-link:hover{border-color:#bb8cf2;background:rgba(69,42,102,.45)}.player-friend-inline button.is-sent,.player-friend-state{color:#8fe7c8}.player-friend-state.muted{color:#8994ad}.btn.is-disabled{pointer-events:none;opacity:.75}
.player-challenge-panel{margin:22px 0;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:28px;padding:26px;border:1px solid #26314b;border-radius:22px;background:linear-gradient(130deg,rgba(16,23,43,.96),rgba(27,20,47,.92));scroll-margin-top:92px}.player-challenge-copy h2{font-size:35px;font-weight:400;margin:6px 0 8px}.player-challenge-copy p:last-child{color:#929db7;line-height:1.55}.player-challenge-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-challenge-form label{display:flex;flex-direction:column;gap:7px;color:#93a0bd;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.player-challenge-form label:nth-child(2){grid-column:span 2}.player-challenge-form input,.player-challenge-form select{min-height:44px;border:1px solid #2d3853;border-radius:12px;background:#090f20;color:#eef1f9;padding:0 12px;font:400 15px "Barlow",sans-serif}.player-challenge-form button{align-self:end}.player-challenge-form label span{font-size:12px;color:#6d7893;text-transform:none;letter-spacing:0}
.social-hub-content{min-width:0}.social-hub-heading{margin-bottom:24px}.social-section{margin-bottom:34px}.social-list{display:grid;gap:10px}.social-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid #252f48;border-radius:16px;background:#0d1427}.social-player,.social-game{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.social-player>span:last-child,.social-game>span{display:flex;flex-direction:column;min-width:0}.social-player strong,.social-game strong{font-weight:400}.social-player small,.social-game small{color:#7e8aa6;font-size:12px}.social-game img{width:84px;height:48px;object-fit:cover;border-radius:9px}.social-game em{font-style:normal;color:#b3bdd2;font-size:13px;margin-top:4px}.social-row-actions{display:flex;gap:8px;flex-shrink:0}.friend-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.friend-mini-card{position:relative;min-height:180px;border:1px solid #27314a;border-radius:18px;overflow:hidden;padding:18px;display:flex;align-items:flex-end;gap:12px}.friend-mini-bg,.friend-mini-shade,.friend-mini-link{position:absolute;inset:0;width:100%;height:100%}.friend-mini-bg{object-fit:cover}.friend-mini-shade{background:linear-gradient(to top,rgba(5,8,18,.98),rgba(5,8,18,.25))}.friend-mini-link{z-index:1}.friend-mini-card>.avatar-with-status,.friend-mini-card>div{position:relative;z-index:2}.friend-mini-card h3{font-size:21px;font-weight:400;margin:0}.friend-mini-card p{font-size:12px;color:#91a0bd;margin:2px 0 8px}.friend-mini-card a:not(.friend-mini-link){color:#cf9df6;font-size:13px;position:relative;z-index:3}.social-status-pill{padding:7px 10px;border-radius:999px;background:rgba(195,143,242,.12);color:#d5a9fa;font-size:12px}.social-history{opacity:.92}
@media(max-width:800px){.player-challenge-panel{grid-template-columns:1fr}.player-challenge-form{grid-template-columns:1fr}.player-challenge-form label:nth-child(2){grid-column:auto}.social-row{align-items:flex-start;flex-direction:column}.social-row-actions{width:100%}.social-row-actions form,.social-row-actions button{flex:1}.avatar-picker-games{grid-template-columns:repeat(4,1fr)}.game-avatar-choice img{height:92px}}
.steam-key-help{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(126,224,196,.24);border-radius:14px;background:rgba(25,59,60,.22)}.steam-key-help>div{display:flex;align-items:center;gap:12px}.steam-key-help span{display:flex;flex-direction:column;gap:3px}.steam-key-help strong{font-weight:400}.steam-key-help small{color:#8f9bb5}@media(max-width:700px){.steam-key-help{align-items:flex-start;flex-direction:column}}

/* v0.8 - social-first catalog, compact cards and robust image fallbacks */
.smart-game-card{aspect-ratio:4/5;min-height:0}
.smart-game-card .game-meta{padding:78px 13px 12px}
.smart-game-card .image-fallback{display:none;place-items:center;align-content:center;gap:7px;background:radial-gradient(circle at 60% 18%,rgba(192,145,245,.16),transparent 32%),linear-gradient(145deg,#10172a,#090e1d);color:#64708b;text-align:center}
.smart-game-card.image-failed .image-fallback{display:grid}
.smart-game-card .image-fallback .material-symbols-rounded{font-size:45px;font-variation-settings:'wght' 200,'FILL' 0;color:#70809e}
.smart-game-card .image-fallback small{font:400 12px/1.2 "Barlow",sans-serif;letter-spacing:.03em;color:#7f8ba5}
.smart-game-card.image-failed .game-card-cover{display:none}
.discover-filters{max-height:calc(100vh - 118px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#39445f transparent;padding-right:13px}
.discover-filters::-webkit-scrollbar{width:6px}.discover-filters::-webkit-scrollbar-thumb{background:#39445f;border-radius:999px}.discover-filters::-webkit-scrollbar-track{background:transparent}
.discover-social-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:11px 12px;border:1px solid rgba(127,228,196,.17);border-radius:13px;background:rgba(127,228,196,.045);color:#99a7bf;font-size:12px;line-height:1.45}.discover-social-note .material-symbols-rounded{font-size:19px;color:#84e5c4}.discover-social-note strong{display:block;color:#dce5f3;font-weight:400;margin-bottom:2px}
.filter-block label{min-height:26px}.filter-block h3{margin:0 0 8px}.filter-block+.filter-block{margin-top:0}
@media(max-width:900px){.discover-filters{position:static;max-height:none;overflow:visible;padding-right:20px}.smart-game-card{aspect-ratio:4/5}}
@media(max-width:620px){.smart-game-card{flex-basis:68%!important}.smart-game-card .game-meta{padding:72px 12px 11px}.smart-game-card .image-fallback .material-symbols-rounded{font-size:39px}}
.avatar-crop-stage{width:min(260px,100%)}
.avatar-upload-zone{max-width:620px}

/* v0.8.1 - normalizovaná velikost katalogových karet */
@media(min-width:901px){
  .discover-game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;align-items:start}
  .discover-game-grid .smart-game-card{aspect-ratio:2/3;min-width:0}
}
@media(min-width:1250px){
  .discover-game-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}
}
@media(max-width:900px) and (min-width:621px){
  .discover-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .discover-game-grid .smart-game-card{aspect-ratio:2/3}
}
.profile-media-save{display:flex;align-items:center;gap:12px;margin:14px 0 0;justify-content:flex-start}.profile-media-save small{color:#7986a2;font-size:12px}
@media(max-width:620px){.profile-media-save{align-items:flex-start;flex-direction:column}}
/* Avatar picker je náhled avatara, ne obří galerie coverů. */
.avatar-picker-games{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.avatar-picker-games .avatar-choice{flex:0 0 92px;width:92px}
.avatar-picker-games .avatar-choice>span{display:block;width:92px;height:92px;border-radius:50%;overflow:hidden;background:#11192c}

/* GROUPFINDER v0.9 - public landing page and indigo color direction */
.btn-purple{background:#7283ff;color:#080b23}.btn-purple:hover{background:#8291ff}
.btn-pink{background:#d9ff85;color:#11162b}.btn-pink:hover{background:#e2ffa6}
.desktop-nav a::after{background:linear-gradient(90deg,#71dcff,#8290ff)}
.top-search:focus-within,.hero-search:focus-within{border-color:rgba(113,131,255,.72);box-shadow:0 0 0 4px rgba(113,131,255,.09),0 0 32px rgba(65,84,255,.12)}
.auth-visual{background-image:linear-gradient(90deg,rgba(6,9,35,.9),rgba(6,9,35,.14)),url('../images/hero-community-v1.webp')}

.landing-page{background:#070922}.landing-page::before{display:none}.landing-page .site-shell{max-width:none}.landing-home{overflow:hidden;background:#070922;color:#f8f9ff}
.landing-hero{position:relative;min-height:clamp(760px,100svh,980px);isolation:isolate;overflow:hidden;background:#070a35}
.landing-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-3;animation:landing-art-in 1.2s cubic-bezier(.2,.8,.2,1) both}
.landing-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,8,42,.98) 0%,rgba(6,8,42,.94) 22%,rgba(6,8,42,.72) 39%,rgba(6,8,42,.08) 65%,rgba(6,8,42,.17) 100%),linear-gradient(180deg,rgba(5,7,35,.15) 0%,transparent 48%,rgba(5,7,35,.66) 100%)}
.landing-hero::after{content:"";position:absolute;inset:auto -5% -38% 25%;height:72%;z-index:-1;background:radial-gradient(ellipse,rgba(69,84,255,.35),transparent 66%);filter:blur(30px);pointer-events:none}
.landing-nav{position:absolute;z-index:5;left:clamp(24px,5vw,82px);right:clamp(24px,5vw,82px);top:0;height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(197,208,255,.14)}
.landing-brand{display:inline-flex;align-items:center;gap:13px;color:#fff;font:800 18px/1 "Barlow",sans-serif;letter-spacing:.085em}.landing-brand img{width:38px;height:38px}
.landing-login{min-height:45px;padding:0 19px 0 22px;border:1px solid rgba(220,227,255,.24);border-radius:999px;display:inline-flex;align-items:center;gap:12px;background:rgba(8,11,54,.36);backdrop-filter:blur(16px);color:#f8f9ff;font:700 14px "Barlow",sans-serif;transition:.2s ease}
.landing-login .material-symbols-rounded{font-size:19px}.landing-login:hover{background:#f7f8ff;color:#0b0e38;border-color:#fff;transform:translateY(-1px)}
.landing-hero-copy{position:absolute;z-index:2;left:clamp(24px,5vw,82px);top:clamp(150px,20vh,205px);width:min(600px,43vw)}
.landing-overline{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;color:#cbd3f4!important;font:600 13px/1.2 "Barlow",sans-serif!important;letter-spacing:.08em;text-transform:uppercase}.landing-overline i{width:8px;height:8px;border-radius:50%;background:#d9ff85;box-shadow:0 0 0 5px rgba(217,255,133,.1),0 0 22px rgba(217,255,133,.45)}
.landing-hero-copy h1{margin:0;color:#fff;font:900 clamp(65px,6.8vw,112px)/.82 "Barlow Condensed",sans-serif;letter-spacing:-.025em;text-transform:uppercase;text-shadow:0 18px 55px rgba(0,0,25,.35)}
.landing-hero-copy h1 span{background:linear-gradient(100deg,#7ee8ff 0%,#95a0ff 46%,#d9ff85 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-hero-copy>p:not(.landing-overline){max-width:540px;margin:28px 0 0;color:#c5ccea;font:400 18px/1.65 "Barlow",sans-serif}
.landing-hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}
.landing-primary{min-height:54px;padding:0 23px 0 26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#d9ff85;color:#10152e;font:800 15px/1 "Barlow",sans-serif;box-shadow:0 13px 35px rgba(119,151,58,.19);transition:.2s ease}.landing-primary:hover{background:#e4ffa8;transform:translateY(-2px);box-shadow:0 18px 42px rgba(119,151,58,.24)}.landing-primary .material-symbols-rounded{font-size:21px}
.landing-text-link{padding:8px 0;border-bottom:1px solid rgba(222,228,255,.35);color:#eff2ff;font:600 14px "Barlow",sans-serif}.landing-text-link:hover{border-color:#d9ff85;color:#d9ff85}
.landing-provider-dock{position:absolute;z-index:3;left:clamp(24px,5vw,82px);bottom:38px;display:flex;align-items:center;gap:22px;padding:11px 12px 11px 19px;border:1px solid rgba(190,202,255,.16);border-radius:22px;background:rgba(9,12,55,.62);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(3,4,25,.2)}
.landing-provider-dock>p{max-width:125px;margin:0;color:#929dc8;font:700 12px/1.45 "Barlow",sans-serif;letter-spacing:.1em}
.landing-provider-list{display:flex;align-items:center;gap:24px}.landing-provider{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.landing-provider img{display:block;width:auto;height:32px;object-fit:contain}.landing-provider-steam img{height:34px}.landing-provider-discord img{height:29px}.landing-provider-battlenet img{height:31px}
.landing-scroll{position:absolute;right:clamp(24px,5vw,82px);bottom:45px;z-index:3;display:flex;align-items:center;gap:11px;color:#d7ddf6;font:600 12px "Barlow",sans-serif;letter-spacing:.1em;text-transform:uppercase}.landing-scroll i{width:34px;height:34px;border:1px solid rgba(224,231,255,.26);border-radius:50%;position:relative}.landing-scroll i::after{content:"";position:absolute;left:50%;top:9px;width:1px;height:8px;background:#d9ff85;animation:landing-scroll 1.5s ease-in-out infinite}

.landing-demo-section{width:min(1510px,calc(100% - 64px));min-height:850px;margin:0 auto;padding:132px 0 120px;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr);gap:70px;align-items:center}
.landing-section-kicker{margin:0 0 17px;color:#d9ff85;font:800 12px/1 "Barlow",sans-serif;letter-spacing:.14em}
.landing-demo-copy h2,.landing-final-cta h2{margin:0;color:#fff;font:800 clamp(44px,4vw,68px)/.95 "Barlow Condensed",sans-serif;letter-spacing:-.02em}.landing-demo-copy h2 span,.landing-final-cta h2 span{color:#8997ff}
.landing-demo-lead{max-width:520px;margin:25px 0 35px;color:#aab4d8;font:400 16px/1.7 "Barlow",sans-serif}
.demo-step-list{display:grid;gap:8px}.demo-step{width:100%;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:14px 15px;border:1px solid transparent;border-radius:16px;background:transparent;color:#858fb8;text-align:left;cursor:pointer;transition:.24s ease}.demo-step>b{font:700 12px "Barlow",sans-serif;letter-spacing:.08em}.demo-step>span{display:grid;gap:4px}.demo-step strong{color:#c8d0eb;font:700 15px "Barlow",sans-serif}.demo-step small{font:400 12px/1.35 "Barlow",sans-serif}.demo-step:hover{background:rgba(126,144,255,.055)}.demo-step.is-active{border-color:rgba(132,150,255,.22);background:linear-gradient(90deg,rgba(81,99,222,.17),rgba(81,99,222,.035));color:#d9ff85}.demo-step.is-active strong{color:#fff}
.demo-stage-wrap{position:relative;min-width:0}.demo-glow{position:absolute;inset:10% -10% -10% 5%;background:radial-gradient(circle at 35% 50%,rgba(239,73,183,.28),transparent 43%),radial-gradient(circle at 80% 30%,rgba(74,96,255,.34),transparent 48%);filter:blur(42px)}
.product-window{position:relative;border:1px solid rgba(173,190,255,.28);border-radius:30px;overflow:hidden;background:#0a0f36;box-shadow:0 42px 110px rgba(0,3,28,.55),0 0 0 8px rgba(93,111,234,.055);transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)}
.product-window-bar{height:50px;padding:0 17px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(174,189,255,.13);background:#101747}.product-window-dots{display:flex;gap:6px}.product-window-dots i{width:7px;height:7px;border-radius:50%;background:#394477}.product-window-dots i:first-child{background:#f083ba}.product-window-dots i:nth-child(2){background:#d9ff85}.product-window-address{min-width:180px;height:28px;padding:0 13px;border:1px solid rgba(174,189,255,.12);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;color:#6f7bab;background:#090e34;font:500 12px "Barlow",sans-serif}.product-window-address i{width:5px;height:5px;border-radius:50%;background:#77e2ba}.product-window-user{justify-self:end;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#7888ff,#e68ac5)}
.product-app{min-height:555px;display:grid;grid-template-columns:82px 1fr}.product-sidebar{padding:17px 10px;border-right:1px solid rgba(174,189,255,.12);display:flex;flex-direction:column;align-items:center;gap:11px;background:#0c123b}.product-sidebar>img{width:30px;height:30px;margin-bottom:13px}.product-sidebar>span{width:58px;padding:8px 4px;border-radius:12px;display:grid;place-items:center;gap:3px;color:#6874a0}.product-sidebar>span.is-active{color:#dce2ff;background:rgba(116,135,255,.13)}.product-sidebar .material-symbols-rounded{font-size:20px}.product-sidebar small{font:500 12px "Barlow",sans-serif}
.product-main{position:relative;min-width:0;min-height:555px;background:radial-gradient(circle at 84% 0,rgba(76,95,235,.1),transparent 38%),#090e31;overflow:hidden}.demo-panel{position:absolute;inset:0;padding:31px 32px;opacity:0;visibility:hidden;transform:translateX(32px) scale(.985);transition:opacity .42s ease,transform .42s ease,visibility .42s}.demo-panel.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);z-index:2}
.demo-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.demo-panel-heading h3{margin:7px 0 5px;color:#fff;font:700 26px/1.05 "Barlow",sans-serif}.demo-panel-heading p{margin:0;color:#8390bb;font:400 12px/1.4 "Barlow",sans-serif}.demo-chip{display:inline-flex;padding:5px 8px;border:1px solid rgba(118,139,255,.25);border-radius:999px;background:rgba(91,111,237,.1);color:#93a2ff;font:700 12px/1 "Barlow",sans-serif;letter-spacing:.09em}.demo-chip.lime{border-color:rgba(217,255,133,.25);background:rgba(217,255,133,.08);color:#d9ff85}.demo-status,.demo-counter{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:7px 9px;border:1px solid rgba(122,226,189,.18);border-radius:999px;color:#9ae9ce;background:rgba(122,226,189,.055);font:600 12px "Barlow",sans-serif}.demo-status i{width:5px;height:5px;border-radius:50%;background:#71e2ba;box-shadow:0 0 8px #71e2ba}.demo-counter{border-color:rgba(137,151,255,.18);color:#aeb8ff;background:rgba(137,151,255,.055)}
.sync-line{height:3px;margin:0 0 24px;border-radius:999px;background:#192253;overflow:hidden}.sync-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#65dbff,#7183ff,#d9ff85);transform-origin:left;animation:demo-sync 3.6s ease-in-out infinite}
.demo-game-row{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.demo-cover-card{position:relative;min-width:0;aspect-ratio:.76;border:1px solid rgba(191,202,255,.15);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--cover),#0b1033)}.demo-cover-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-cover-card>img.is-missing{display:none}.demo-cover-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,8,27,.94))}.demo-cover-card>span{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;display:grid;gap:3px}.demo-cover-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font:600 12px "Barlow",sans-serif}.demo-cover-card small{color:#aab4d3;font:500 12px "Barlow",sans-serif}.demo-cover-more{display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,#18225a,#0c123b)}.demo-cover-more::after{display:none}.demo-cover-more strong{color:#d9ff85;font:800 25px "Barlow",sans-serif}.demo-cover-more>span{position:static;color:#8e9ac4;font:500 12px "Barlow",sans-serif}
.demo-note{display:flex;align-items:center;gap:12px;margin-top:22px;padding:13px 14px;border:1px solid rgba(132,150,255,.16);border-radius:14px;background:rgba(114,131,255,.065)}.demo-note>.material-symbols-rounded{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#d9ff85;color:#10152e;font-size:19px}.demo-note p{display:grid;gap:3px;margin:0}.demo-note strong{color:#edf0ff;font:600 12px "Barlow",sans-serif}.demo-note small{color:#8591ba;font:400 12px "Barlow",sans-serif}
.taste-card{display:grid;grid-template-columns:minmax(165px,.72fr) minmax(230px,1.28fr);gap:24px;min-height:365px;padding:15px;border:1px solid rgba(179,193,255,.16);border-radius:20px;background:linear-gradient(135deg,rgba(23,32,91,.8),rgba(11,16,53,.86))}.taste-cover{position:relative;min-height:330px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--cover),#0b1033)}.taste-cover img{width:100%;height:100%;object-fit:cover}.taste-cover img.is-missing{display:none}.taste-cover::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(5,8,28,.8))}.taste-score{position:absolute;z-index:2;left:11px;bottom:11px;padding:6px 8px;border-radius:999px;background:#d9ff85;color:#11162d;font:800 12px "Barlow",sans-serif}.taste-copy{align-self:center;padding-right:9px}.taste-copy h4{margin:13px 0 9px;color:#fff;font:700 33px/1 "Barlow",sans-serif}.taste-copy>p{margin:0;color:#9ca7c9;font:400 12px/1.6 "Barlow",sans-serif}.taste-tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.taste-tags span{padding:6px 8px;border:1px solid rgba(183,196,255,.14);border-radius:999px;color:#aab4d5;font:500 12px "Barlow",sans-serif}.taste-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.taste-actions button{height:40px;border:1px solid rgba(188,200,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;background:#0c1239;color:#aeb8d7;font:600 12px "Barlow",sans-serif;cursor:pointer}.taste-actions button.is-like{border-color:rgba(217,255,133,.2);background:#d9ff85;color:#10152e;box-shadow:0 8px 25px rgba(115,141,57,.16)}.taste-actions .material-symbols-rounded{font-size:17px}
.match-list{display:grid;gap:9px}.match-row{display:grid;grid-template-columns:46px minmax(120px,1fr) auto 44px;gap:11px;align-items:center;padding:10px 12px;border:1px solid rgba(179,192,255,.12);border-radius:14px;background:rgba(255,255,255,.025);transition:.25s ease}.match-row.is-best{border-color:rgba(217,255,133,.24);background:linear-gradient(90deg,rgba(217,255,133,.07),rgba(116,134,255,.05))}.match-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#7385ff,#ed89c4);box-shadow:0 0 0 3px #111947}.match-avatar img{width:100%;height:100%;object-fit:cover}.match-avatar img.is-missing{display:none}.match-person{display:grid;gap:3px}.match-person b{color:#f4f6ff;font:600 12px "Barlow",sans-serif}.match-person small{color:#7f8bb5;font:400 12px "Barlow",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-games{display:flex}.match-games i{width:31px;height:31px;margin-left:-5px;border:2px solid #0a0f32;border-radius:50%;display:grid;place-items:center;background:#26316b;color:#cfd6f7;font:700 12px "Barlow",sans-serif;font-style:normal}.match-row>strong{color:#d9ff85;font:700 13px "Barlow",sans-serif;text-align:right}.discord-invite{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:11px;margin-top:16px;padding:13px 14px;border:1px solid rgba(135,143,255,.2);border-radius:14px;background:linear-gradient(90deg,rgba(88,101,216,.18),rgba(76,87,188,.07))}.discord-invite img{width:34px;height:34px;object-fit:contain}.discord-invite>span{display:grid;gap:3px}.discord-invite b{color:#eef1ff;font:600 12px "Barlow",sans-serif}.discord-invite small{color:#8f9ac1;font:400 12px "Barlow",sans-serif}.discord-invite button{height:32px;padding:0 11px;border:0;border-radius:9px;background:#7f8cff;color:#fff;font:700 12px "Barlow",sans-serif;cursor:pointer}
.demo-pagination{display:flex;justify-content:center;gap:7px;margin-top:24px}.demo-pagination i{width:7px;height:7px;border-radius:999px;background:#2c376f;transition:.3s}.demo-pagination i.is-active{width:28px;background:#d9ff85}
.landing-final-cta{width:min(1510px,calc(100% - 64px));margin:0 auto 90px;padding:65px 70px;border:1px solid rgba(155,173,255,.2);border-radius:34px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:radial-gradient(circle at 85% 0,rgba(92,111,238,.26),transparent 34%),radial-gradient(circle at 5% 100%,rgba(240,80,186,.12),transparent 38%),#0d123c}.landing-final-cta h2{font-size:clamp(38px,3.4vw,58px)}.landing-footer{min-height:110px;padding:0 clamp(24px,5vw,82px);border-top:1px solid rgba(179,191,244,.13);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#7884ae}.landing-footer .landing-brand{font-size:14px}.landing-footer .landing-brand img{width:29px;height:29px}.landing-footer p{font:500 12px "Barlow",sans-serif}.landing-footer>div{justify-self:end;display:flex;gap:22px;font:500 12px "Barlow",sans-serif}.landing-footer a:hover{color:#fff}

@keyframes landing-art-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes landing-scroll{0%{transform:translate(-50%,0);opacity:0}35%{opacity:1}100%{transform:translate(-50%,10px);opacity:0}}@keyframes demo-sync{0%{transform:scaleX(.08)}42%,85%{transform:scaleX(1)}100%{transform:scaleX(.08);transform-origin:right}}
@media(max-width:1180px){
  .landing-hero-copy{width:min(520px,52vw)}.landing-hero-copy h1{font-size:clamp(60px,7.8vw,86px)}
  .landing-provider-dock{right:clamp(24px,5vw,82px);overflow-x:auto}.landing-scroll{display:none}
  .landing-demo-section{grid-template-columns:1fr;gap:55px;padding-top:100px}.landing-demo-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.landing-demo-copy h2,.landing-demo-copy .landing-section-kicker{grid-column:1}.landing-demo-lead{grid-column:1}.demo-step-list{grid-column:2;grid-row:1/4}
  .product-window{max-width:880px;margin:0 auto;transform:none}.landing-final-cta{padding:55px 48px}
}
@media(max-width:780px){
  .landing-hero{min-height:900px}.landing-nav{height:82px}.landing-brand{font-size:14px}.landing-brand img{width:31px;height:31px}.landing-login{min-height:40px;padding:0 14px 0 16px;font-size:13px}
  .landing-hero-art{object-position:68% bottom;opacity:.76}.landing-hero-shade{background:linear-gradient(180deg,rgba(6,8,42,.98) 0%,rgba(6,8,42,.88) 35%,rgba(6,8,42,.3) 66%,rgba(6,8,42,.78) 100%)}
  .landing-hero-copy{top:128px;left:24px;right:24px;width:auto}.landing-overline{font-size:12px!important}.landing-hero-copy h1{font-size:clamp(52px,16.5vw,76px);line-height:.85}.landing-hero-copy>p:not(.landing-overline){max-width:520px;font-size:15px;line-height:1.55;margin-top:20px}.landing-hero-actions{margin-top:23px}.landing-primary{min-height:49px;font-size:13px}.landing-text-link{font-size:12px}
  .landing-provider-dock{left:16px;right:auto;bottom:25px;display:block;padding:13px 16px;border-radius:18px}.landing-provider-dock>p{max-width:none;margin:0 0 12px 0}.landing-provider-list{gap:18px}.landing-provider img{max-width:126px}
  .landing-demo-section{width:min(100% - 32px,760px);padding:82px 0 90px;display:block}.landing-demo-copy{display:block}.landing-demo-copy h2{font-size:44px}.landing-demo-lead{margin-bottom:24px}.demo-step-list{display:flex;overflow-x:auto;gap:8px;margin-bottom:38px;padding-bottom:3px}.demo-step{flex:0 0 235px}
  .product-window{border-radius:20px}.product-window-bar{height:43px}.product-app{grid-template-columns:54px minmax(0,1fr);min-height:530px}.product-sidebar{padding:12px 6px}.product-sidebar>img{width:26px;height:26px}.product-sidebar>span{width:40px}.product-sidebar small{display:none}.product-main{min-height:530px}.demo-panel{padding:23px 18px}.demo-panel-heading{display:block}.demo-status,.demo-counter{position:absolute;right:18px;top:23px}.demo-game-row{grid-template-columns:repeat(3,1fr)}.demo-game-row .demo-cover-more{display:none}.demo-note{margin-top:15px}.taste-card{grid-template-columns:130px 1fr;gap:15px;min-height:345px}.taste-cover{min-height:315px}.taste-copy h4{font-size:26px}.match-row{grid-template-columns:42px minmax(90px,1fr) 39px}.match-games{display:none}.discord-invite{grid-template-columns:32px 1fr}.discord-invite button{display:none}
  .landing-final-cta{width:calc(100% - 32px);margin-bottom:55px;padding:40px 26px;display:block}.landing-final-cta h2{font-size:38px}.landing-final-cta .landing-primary{margin-top:28px}
  .landing-footer{padding:25px 20px;grid-template-columns:1fr auto}.landing-footer>p{display:none}.landing-footer>div{gap:13px}.landing-footer>div a:last-child{display:none}
}
@media(max-width:480px){
  .landing-login .material-symbols-rounded{display:none}.landing-hero-actions{gap:14px}.landing-text-link{width:max-content}
  .landing-provider-list{gap:14px}.landing-provider-steam img{height:27px}.landing-provider-discord img{height:23px}.landing-provider-battlenet img{height:25px;max-width:112px}
  .product-window-address{min-width:135px}.product-window-user{display:none}.product-window-bar{grid-template-columns:1fr auto}
  .product-app{grid-template-columns:44px minmax(0,1fr)}.product-sidebar>span{width:33px}.product-sidebar .material-symbols-rounded{font-size:18px}
  .demo-panel{padding:19px 13px}.demo-panel-heading h3{font-size:21px}.demo-panel-heading p{font-size:12px}.demo-status,.demo-counter{right:12px;top:18px}
  .demo-game-row{gap:7px}.demo-cover-card>span{left:7px;right:7px;bottom:7px}.demo-cover-card b{font-size:12px}.demo-note small{display:none}
  .taste-card{grid-template-columns:105px 1fr;gap:11px;padding:10px}.taste-cover{min-height:300px}.taste-copy{padding:0}.taste-copy h4{font-size:23px}.taste-copy>p{font-size:12px}.taste-tags span:nth-child(3){display:none}.taste-actions{grid-template-columns:1fr}.taste-actions button:first-child{display:none}
  .match-row{grid-template-columns:38px minmax(0,1fr) 35px;padding:9px}.match-avatar{width:36px;height:36px}.discord-invite{padding:10px}.landing-footer>div a:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){.landing-hero-art,.landing-scroll i::after,.sync-line i{animation:none!important}.demo-panel{transition:none}}
.avatar-picker-games .game-avatar-choice img,.avatar-picker-games .avatar-choice-button img{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:center 18%}
.avatar-picker-games .game-avatar-choice small,.avatar-picker-games .avatar-choice-button small{left:5px;right:5px;bottom:5px;font-size:12px;padding:3px 4px}
@media(max-width:620px){.avatar-picker-games{display:grid;grid-template-columns:repeat(4,1fr)}.avatar-picker-games .avatar-choice{width:auto;min-width:0}.avatar-picker-games .avatar-choice>span,.avatar-picker-games .game-avatar-choice img,.avatar-picker-games .avatar-choice-button img{width:72px;height:72px;max-width:100%;margin:auto}}

/* GROUPFINDER v0.9.1 - login and registration aligned with the landing page */
.auth-landing-page{background:#070922}.auth-landing-page::before{display:none}.auth-landing-page .site-shell{max-width:none}
.auth-page-v2{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(480px,.85fr);background:#080b2c;overflow:hidden}
.auth-public-nav{position:absolute;z-index:10;left:clamp(24px,4vw,68px);right:clamp(24px,4vw,68px);top:0;height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(194,205,255,.14)}
.auth-public-nav .landing-brand{font-size:16px}.auth-public-nav .landing-brand img{width:34px;height:34px}
.auth-back-link{min-height:41px;padding:0 16px;border:1px solid rgba(211,219,255,.2);border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:rgba(8,11,48,.34);backdrop-filter:blur(15px);color:#dce2fb;font:600 12px "Barlow",sans-serif;transition:.2s ease}.auth-back-link .material-symbols-rounded{font-size:18px}.auth-back-link:hover{border-color:rgba(217,255,133,.45);color:#d9ff85}
.auth-page-v2 .auth-visual{position:relative;min-height:100svh;padding:150px clamp(34px,5vw,80px) 66px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#080b35!important}
.auth-page-v2 .auth-visual::after{display:none}.auth-page-v2 .register-visual{filter:none}
.auth-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% bottom;z-index:-3;transform:scale(1.015)}
.register-visual .auth-scene{object-position:69% bottom}
.auth-scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(6,8,39,.12),rgba(6,8,39,.12) 36%,rgba(6,8,39,.94) 100%),linear-gradient(90deg,rgba(6,8,39,.72),rgba(6,8,39,.03) 72%)}
.auth-page-v2 .auth-visual-inner{position:relative;z-index:2;max-width:720px}
.auth-page-v2 .auth-visual h1{margin:0;color:#fff;font:800 clamp(57px,5.3vw,86px)/.86 "Barlow Condensed",sans-serif!important;letter-spacing:-.015em;text-shadow:0 18px 55px rgba(0,0,28,.38)}
.auth-page-v2 .auth-visual h1 span{background:linear-gradient(100deg,#7ee8ff 0%,#97a1ff 48%,#d9ff85 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-page-v2 .auth-visual-inner>p:not(.landing-section-kicker){max-width:560px;margin:24px 0 0;color:#c5cceb;font:400 16px/1.65 "Barlow",sans-serif}
.auth-provider-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.auth-provider-proof span{min-height:38px;padding:0 13px;border:1px solid rgba(196,207,255,.17);border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:rgba(8,11,50,.52);backdrop-filter:blur(14px);color:#cbd3ee;font:600 12px "Barlow",sans-serif}.auth-provider-proof img{width:20px;height:20px;object-fit:contain;filter:invert(1);opacity:.94}
.auth-page-v2 .auth-panel{min-width:0;min-height:100svh;padding:132px clamp(34px,4vw,72px) 58px;display:grid;place-items:center;background:radial-gradient(circle at 100% 0,rgba(92,111,238,.18),transparent 32%),#080b2c}
.auth-page-v2 .auth-card{width:min(100%,530px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.auth-page-v2 .auth-card .section-kicker{margin:0 0 13px;color:#d9ff85;font:800 12px/1 "Barlow",sans-serif;letter-spacing:.14em}
.auth-page-v2 .auth-card h2{margin:0;color:#fff;font:600 39px/1.04 "Barlow",sans-serif!important;letter-spacing:-.025em}
.auth-page-v2 .auth-card>.muted{margin:11px 0 0;color:#929dc4;font:400 14px/1.5 "Barlow",sans-serif}
.auth-page-v2 .oauth-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:27px}
.auth-page-v2 .oauth-button{min-width:0;height:53px;padding:0 12px;border:1px solid rgba(185,198,255,.16);border-radius:14px;background:#101640;color:#eef1ff;font:600 12px "Barlow",sans-serif;transition:.2s ease}.auth-page-v2 .oauth-button:hover{transform:translateY(-1px)}
.auth-page-v2 .oauth-button.steam:hover{border-color:rgba(126,232,255,.35);background:rgba(35,84,116,.25)}.auth-page-v2 .oauth-button.discord:hover{border-color:rgba(130,144,255,.45);background:rgba(86,98,205,.2)}
.auth-page-v2 .oauth-button .provider-logo{width:22px;height:22px;filter:invert(1);opacity:.96}
.auth-page-v2 .or-divider{margin:22px 0;color:#68749f;font:500 12px "Barlow",sans-serif;letter-spacing:.04em}.auth-page-v2 .or-divider::before,.auth-page-v2 .or-divider::after{background:rgba(174,188,246,.13)}
.auth-page-v2 .auth-form{gap:13px}.auth-page-v2 .auth-form label{gap:7px;color:#aeb8d8;font:600 12px "Barlow",sans-serif;letter-spacing:.015em}
.auth-page-v2 .auth-form input{min-height:48px;padding:0 14px;border:1px solid rgba(177,191,247,.16);border-radius:13px;background:#0c1137;color:#f5f7ff;font:500 14px "Barlow",sans-serif;transition:.18s ease}
.auth-page-v2 .auth-form input:hover{border-color:rgba(177,191,247,.28)}.auth-page-v2 .auth-form input:focus{border-color:rgba(113,132,255,.68);box-shadow:0 0 0 4px rgba(113,132,255,.09);background:#0e143e}
.auth-page-v2 .check-line{color:#8f9abe!important;font-weight:500!important}.auth-page-v2 .check-line input{min-height:0;accent-color:#d9ff85}
.auth-submit{width:100%;min-height:52px;margin-top:3px;padding:0 22px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:11px;background:#d9ff85;color:#10152e;font:800 14px "Barlow",sans-serif;cursor:pointer;box-shadow:0 14px 34px rgba(115,141,57,.16);transition:.2s ease}.auth-submit:hover{background:#e5ffaa;transform:translateY(-1px)}.auth-submit .material-symbols-rounded{font-size:20px}
.auth-page-v2 .form-error{border-color:rgba(255,127,159,.26);background:rgba(255,127,159,.07);color:#ffc1d0}
.auth-page-v2 .auth-switch{margin:22px 0 0;color:#7e89af;font:500 12px "Barlow",sans-serif}.auth-page-v2 .auth-switch a{color:#d9ff85;font-weight:700}.auth-page-v2 .auth-switch a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.auth-page-v2{grid-template-columns:minmax(0,1fr) minmax(450px,.92fr)}.auth-page-v2 .auth-visual{padding-left:38px;padding-right:38px}.auth-page-v2 .auth-visual h1{font-size:59px}.auth-page-v2 .auth-panel{padding-left:34px;padding-right:34px}}
@media(max-width:820px){
  .auth-page-v2{display:block;overflow:visible}.auth-public-nav{height:76px}.auth-public-nav .landing-brand{font-size:14px}.auth-public-nav .landing-brand img{width:30px;height:30px}
  .auth-page-v2 .auth-visual{min-height:330px;padding:122px 24px 30px}.auth-scene{object-position:62% 38%}.register-visual .auth-scene{object-position:66% 38%}.auth-scene-shade{background:linear-gradient(180deg,rgba(6,8,39,.25),rgba(6,8,39,.2) 32%,rgba(6,8,39,.94) 100%),linear-gradient(90deg,rgba(6,8,39,.55),transparent)}
  .auth-page-v2 .auth-visual h1{font-size:48px}.auth-page-v2 .auth-visual-inner>p:not(.landing-section-kicker){max-width:500px;margin-top:15px;font-size:13px}.auth-provider-proof{display:none}
  .auth-page-v2 .auth-panel{min-height:0;padding:36px 18px 55px}.auth-page-v2 .auth-card{width:min(100%,560px);padding:0}.auth-page-v2 .auth-card h2{font-size:35px}
}

/* v0.9.5 - landing authentication modal */
.auth-close-link{width:43px;height:43px;border:1px solid rgba(211,219,255,.22);border-radius:50%;display:grid;place-items:center;background:rgba(8,11,48,.34);color:#eef1ff;transition:.2s}.auth-close-link:hover{border-color:#d9ff85;color:#d9ff85;transform:rotate(5deg)}.auth-close-link .material-symbols-rounded{font-size:23px}
.auth-page-v2 .auth-visual h1 small{display:block;margin-bottom:8px;color:#fff;font:700 .68em/.92 "Barlow Condensed",sans-serif;letter-spacing:.005em}.auth-page-v2 .auth-visual h1 span{display:block}
.landing-auth-modal[hidden]{display:none}.landing-auth-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}.landing-auth-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,4,20,.76);backdrop-filter:blur(12px);cursor:default}.landing-auth-dialog{position:relative;width:min(1120px,100%);max-height:calc(100svh - 48px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);overflow:hidden;border:1px solid rgba(181,194,255,.2);border-radius:28px;background:#090d31;box-shadow:0 35px 110px rgba(0,0,20,.62);animation:auth-modal-in .25s ease both}.landing-auth-close{position:absolute;z-index:5;right:18px;top:18px;width:42px;height:42px;border:1px solid rgba(213,221,255,.2);border-radius:50%;display:grid;place-items:center;background:rgba(7,10,42,.72);color:#fff;cursor:pointer;transition:.2s}.landing-auth-close:hover{border-color:#d9ff85;color:#d9ff85;transform:rotate(5deg)}.landing-auth-close .material-symbols-rounded{font-size:22px}
.landing-auth-visual{position:relative;min-height:690px;overflow:hidden;isolation:isolate}.landing-auth-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% bottom;z-index:-2}.landing-auth-visual-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,39,.05),rgba(6,8,39,.12) 42%,rgba(6,8,39,.97) 100%),linear-gradient(90deg,rgba(6,8,39,.48),transparent 75%)}.landing-auth-message{position:absolute;left:42px;right:34px;bottom:44px}.landing-auth-message[hidden]{display:none}.landing-auth-message h2{margin:0;color:#fff;font:800 clamp(44px,4vw,66px)/.87 "Barlow Condensed",sans-serif;letter-spacing:-.015em}.landing-auth-message h2 small,.landing-auth-message h2 span{display:block}.landing-auth-message h2 small{margin-bottom:8px;font-size:.66em}.landing-auth-message h2 span{background:linear-gradient(100deg,#7ee8ff,#9ca6ff 55%,#d9ff85);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-auth-message>p:last-child{margin:20px 0 0;color:#c6cdec;font:400 14px/1.6 "Barlow",sans-serif}.landing-auth-message[data-auth-message=register] h2{font-size:clamp(42px,3.5vw,60px)}
.landing-auth-forms{min-width:0;max-height:calc(100svh - 48px);overflow-y:auto;padding:58px 54px 42px;background:radial-gradient(circle at 100% 0,rgba(92,111,238,.17),transparent 34%),#090d31}.landing-auth-tabs{display:flex;gap:5px;margin:0 54px 34px 0;padding:4px;border:1px solid rgba(181,194,255,.14);border-radius:999px;background:#0d123a}.landing-auth-tabs button{flex:1;height:37px;border:0;border-radius:999px;background:transparent;color:#7f8bb5;font:600 12px "Barlow",sans-serif;cursor:pointer}.landing-auth-tabs button.is-active{background:#20295e;color:#fff}.landing-auth-form[hidden]{display:none}.landing-auth-form>.section-kicker{margin:0 0 12px;color:#d9ff85;font:800 12px "Barlow",sans-serif;letter-spacing:.14em}.landing-auth-form>h2{margin:0;color:#fff;font:600 35px/1.05 "Barlow",sans-serif;letter-spacing:-.025em}.landing-auth-form>.muted{margin:10px 0 0;color:#8f9ac0;font:400 13px/1.5 "Barlow",sans-serif}.landing-auth-form .oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.landing-auth-form .oauth-button{height:49px;border:1px solid rgba(185,198,255,.16);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;background:#111742;color:#eef1ff;font:600 12px "Barlow",sans-serif}.landing-auth-form .provider-logo{width:20px;height:20px;object-fit:contain}.landing-auth-form .or-divider{display:flex;align-items:center;gap:12px;margin:19px 0;color:#65719d;font:500 12px "Barlow",sans-serif}.landing-auth-form .or-divider::before,.landing-auth-form .or-divider::after{content:"";height:1px;flex:1;background:rgba(174,188,246,.13)}.landing-auth-form .auth-form{display:grid;gap:11px}.landing-auth-form .auth-form label{display:grid;gap:6px;color:#aeb8d8;font:600 12px "Barlow",sans-serif}.landing-auth-form .auth-form input:not([type=checkbox]){width:100%;min-height:44px;padding:0 13px;border:1px solid rgba(177,191,247,.16);border-radius:12px;background:#0c1137;color:#f5f7ff;outline:0}.landing-auth-form .auth-form input:focus{border-color:rgba(113,132,255,.68);box-shadow:0 0 0 4px rgba(113,132,255,.08)}.landing-auth-form .check-line{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.landing-auth-form .check-line input{accent-color:#d9ff85}.landing-auth-form .auth-submit{min-height:48px}.landing-auth-form .auth-switch{margin-top:17px}.landing-auth-form .auth-switch button{padding:0;border:0;background:transparent;color:#d9ff85;font:700 12px "Barlow",sans-serif;cursor:pointer}.landing-auth-form .auth-switch button:hover{text-decoration:underline}.landing-auth-form .two-cols{gap:9px}
body.auth-modal-open{overflow:hidden}
@keyframes auth-modal-in{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:900px){.landing-auth-modal{padding:12px}.landing-auth-dialog{max-height:calc(100svh - 24px);grid-template-columns:1fr}.landing-auth-visual{display:none}.landing-auth-forms{max-height:calc(100svh - 24px);padding:68px 24px 34px}.landing-auth-tabs{margin-right:48px}.landing-auth-form>h2{font-size:31px}}
@media(max-width:520px){.landing-auth-modal{padding:0}.landing-auth-dialog{width:100%;height:100svh;max-height:none;border:0;border-radius:0}.landing-auth-forms{max-height:100svh;padding:76px 18px 30px}.landing-auth-form .oauth-grid,.landing-auth-form .two-cols{grid-template-columns:1fr}.landing-auth-close{right:14px;top:14px}.landing-auth-tabs{margin:0 48px 28px 0}}
@media(prefers-reduced-motion:reduce){.landing-auth-dialog{animation:none}}

/* v0.9.6 - full-screen auth experience with AJAX forms */
.landing-auth-modal{padding:0;background:#080b2c}.landing-auth-backdrop{display:none}.landing-auth-dialog{width:100%;height:100svh;max-height:none;grid-template-columns:minmax(0,1.15fr) minmax(480px,.85fr);border:0;border-radius:0;box-shadow:none;animation:auth-screen-in .22s ease both}.landing-auth-close{position:fixed;right:clamp(24px,4vw,68px);top:24px;width:43px;height:43px;background:rgba(8,11,48,.5);backdrop-filter:blur(15px)}.landing-auth-visual{display:block;min-height:100svh}.landing-auth-visual>img{object-position:64% bottom}.landing-auth-message{left:clamp(34px,5vw,80px);right:48px;bottom:66px}.landing-auth-message h2{font-size:clamp(56px,5.3vw,86px)}.landing-auth-message h2 small{font-size:.68em}.landing-auth-message[data-auth-message=register] h2{font-size:clamp(52px,4.8vw,78px)}.landing-auth-message>p:last-child{max-width:560px;font-size:16px}.landing-auth-forms{max-height:100svh;padding:132px clamp(34px,4vw,72px) 58px;display:grid;place-items:center;background:radial-gradient(circle at 100% 0,rgba(92,111,238,.18),transparent 32%),#080b2c}.landing-auth-tabs{display:none}.landing-auth-form{width:min(100%,530px)}.landing-auth-form>h2{font-size:39px}.landing-auth-form>.muted{font-size:14px}.landing-auth-form .oauth-grid{margin-top:27px}.landing-auth-form .oauth-button{height:53px;font-size:12px}.landing-auth-form .provider-logo{width:22px;height:22px;filter:invert(1);opacity:.96}.landing-auth-form .or-divider{margin:22px 0}.landing-auth-form .auth-form{gap:13px}.landing-auth-form .auth-form label{font-size:12px}.landing-auth-form .auth-form input:not([type=checkbox]){min-height:48px}.landing-auth-form .auth-submit{min-height:52px}.landing-auth-form .auth-switch{margin-top:22px}.landing-auth-form button:disabled{opacity:.65;cursor:wait;transform:none}.landing-auth-form [data-auth-error][hidden]{display:none}
@keyframes auth-screen-in{from{opacity:0}to{opacity:1}}
@media(max-width:820px){.landing-auth-dialog{display:block;overflow-y:auto}.landing-auth-close{right:18px;top:18px}.landing-auth-visual{display:flex;min-height:330px}.landing-auth-message{left:24px;right:24px;bottom:30px}.landing-auth-message h2,.landing-auth-message[data-auth-message=register] h2{font-size:48px}.landing-auth-message>p:last-child{margin-top:15px;font-size:13px}.landing-auth-forms{max-height:none;min-height:0;padding:36px 18px 55px;display:block}.landing-auth-form{margin:0 auto}.landing-auth-form>h2{font-size:35px}}
@media(max-width:520px){.landing-auth-visual{min-height:300px}.landing-auth-message h2,.landing-auth-message[data-auth-message=register] h2{font-size:42px}.landing-auth-message>p:last-child{display:none}.landing-auth-forms{padding:34px 16px 50px}.landing-auth-form .oauth-grid,.landing-auth-form .two-cols{grid-template-columns:1fr}}

/* v0.9.7 - unified auth typography and GROUP [logo] FINDER wordmark */
.brand,.landing-brand{gap:6px}.brand img{width:25px;height:25px;object-fit:contain}.landing-brand img{width:28px;height:28px;object-fit:contain}.landing-footer .landing-brand img{width:23px;height:23px}.auth-public-nav .landing-brand img{width:27px;height:27px}.drawer-brand.brand{gap:6px}
.landing-auth-message{height:250px;display:flex;flex-direction:column;justify-content:flex-end}.landing-auth-message .landing-section-kicker{min-height:14px;margin-bottom:18px}.landing-auth-message h2,.landing-auth-message[data-auth-message=register] h2{min-height:132px;margin:0;font-size:clamp(54px,4.8vw,76px);line-height:.86}.landing-auth-message h2 small,.landing-auth-message[data-auth-message=register] h2 small{display:block;margin-bottom:8px;font-size:.68em;line-height:.9}.landing-auth-message h2 span,.landing-auth-message[data-auth-message=register] h2 span{display:block;font-size:1em;line-height:.88;white-space:nowrap}.landing-auth-message>p:last-child{min-height:48px;margin-top:20px}
.auth-page-v2 .auth-visual h1,.auth-page-v2 .register-visual h1{font-size:clamp(56px,5.3vw,86px)}.auth-page-v2 .auth-visual h1 small,.auth-page-v2 .register-visual h1 small{font-size:.68em}.auth-page-v2 .auth-visual h1 span,.auth-page-v2 .register-visual h1 span{white-space:nowrap}
@media(max-width:820px){.landing-auth-message{height:188px}.landing-auth-message h2,.landing-auth-message[data-auth-message=register] h2{min-height:91px;font-size:48px}.landing-auth-message .landing-section-kicker{margin-bottom:11px}.landing-auth-message>p:last-child{min-height:38px}.landing-brand img{width:24px;height:24px}}
@media(max-width:520px){.landing-auth-message{height:145px}.landing-auth-message h2,.landing-auth-message[data-auth-message=register] h2{min-height:84px;font-size:41px}.landing-auth-message>p:last-child{min-height:0}.landing-auth-message h2 span,.landing-auth-message[data-auth-message=register] h2 span{white-space:normal}.brand img{width:22px;height:22px}.landing-brand img{width:22px;height:22px}}
@media(max-width:560px){
  .auth-public-nav{left:18px;right:18px}.auth-back-link{min-height:37px;padding:0 12px;font-size:12px}.auth-back-link .material-symbols-rounded{font-size:16px}
  .auth-page-v2 .auth-visual{min-height:300px;padding:112px 19px 25px}.auth-page-v2 .auth-visual h1{font-size:43px}.auth-page-v2 .auth-visual-inner>p:not(.landing-section-kicker){display:none}
  .auth-page-v2 .oauth-grid{grid-template-columns:1fr}.auth-page-v2 .two-cols{grid-template-columns:1fr}.auth-page-v2 .auth-panel{padding-left:16px;padding-right:16px}.auth-page-v2 .auth-card h2{font-size:32px}
}

/* v1.0 - unified signed-in dashboard */
:root{--app-bg:#070a24;--app-panel:#0d1235;--app-panel-2:#111741;--app-border:rgba(177,191,247,.14);--app-text:#f4f6ff;--app-muted:#8995bd;--app-lime:#d9ff85;--app-blue:#8391ff;--app-cyan:#7ee8ff}
body.account-v1,body.account-page{background:radial-gradient(circle at 55% -15%,rgba(69,84,208,.2),transparent 35%),var(--app-bg);color:var(--app-text)}
.account-page .btn-purple,.account-page .btn-pink{border-color:transparent;background:var(--app-lime);color:#10152e;box-shadow:0 10px 25px rgba(115,141,57,.12)}.account-page .btn-purple:hover,.account-page .btn-pink:hover{background:#e5ffaa;color:#10152e}.account-page .btn-ghost{border-color:var(--app-border);background:rgba(13,18,53,.72);color:#d8def2}.account-page .panel-card,.account-page .settings-card,.account-page .library-game-card,.account-page .player-card{border-color:var(--app-border);background:linear-gradient(145deg,rgba(17,23,65,.94),rgba(11,16,48,.96))}.account-page input,.account-page select,.account-page textarea{border-color:var(--app-border);background:#0b1031;color:#eef1ff}.account-page .section-kicker{color:var(--app-lime)}.app-topbar-v1 .mobile-menu-button{display:none!important}
.app-topbar-v1{position:sticky;top:0;z-index:80;height:76px;padding:0 28px;border-bottom:1px solid var(--app-border);grid-template-columns:210px minmax(320px,680px) 1fr auto;background:rgba(6,9,32,.86);backdrop-filter:blur(22px)}
.app-topbar-v1 .brand{font-size:15px;letter-spacing:.09em}.app-topbar-v1 .brand img{width:28px;height:28px}.app-topbar-v1 .top-search{width:100%;max-width:680px;height:45px;border:1px solid var(--app-border);border-radius:15px;background:#0d1235}.app-topbar-v1 .top-search input{color:#e9edff}.app-topbar-v1 .auth-desktop-nav{display:none}.app-topbar-v1 .top-actions{grid-column:4;gap:8px}.notification-wrap{position:relative}.notification-bell{position:relative;border:1px solid transparent}.notification-bell:hover{border-color:var(--app-border);background:#111741}.notification-bell b{position:absolute;right:1px;top:0;min-width:18px;height:18px;padding:0 4px;border:2px solid #070a24;border-radius:999px;display:grid;place-items:center;background:#d9ff85;color:#10152e;font:800 12px "Barlow",sans-serif}.notification-panel{position:absolute;right:0;top:calc(100% + 14px);width:390px;max-height:560px;border:1px solid rgba(177,191,247,.18);border-radius:20px;overflow:auto;background:#0b1031;box-shadow:0 30px 80px rgba(0,2,22,.58)}.notification-panel[hidden]{display:none}.notification-panel-head{padding:19px 20px;border-bottom:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between}.notification-panel-head div{display:grid;gap:3px}.notification-panel-head span{color:var(--app-lime);font:800 12px "Barlow";letter-spacing:.14em}.notification-panel-head strong{font:700 18px "Barlow"}.notification-panel-head em{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(217,255,133,.12);color:var(--app-lime);font:700 12px "Barlow"}.notification-list{padding:8px}.notification-item{min-height:67px;padding:10px;border-radius:13px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.notification-item:hover{background:rgba(132,147,255,.08)}.notification-item>img{width:40px;height:40px;border-radius:11px;object-fit:cover}.notification-item>span{min-width:0;display:grid;gap:3px}.notification-item strong{font:600 12px "Barlow"}.notification-item small{color:var(--app-muted);font:400 12px "Barlow"}.notification-item>div{display:flex;gap:5px}.notification-item form{margin:0}.notification-item button,.rail-request button{width:29px;height:29px;border:1px solid var(--app-border);border-radius:9px;display:grid;place-items:center;background:#111741;color:#9ca7cf;cursor:pointer}.notification-item button.accept,.rail-request button.accept{background:var(--app-lime);color:#11162d}.notification-item button .material-symbols-rounded,.rail-request button .material-symbols-rounded{font-size:17px}.notification-empty{padding:36px 22px;text-align:center;color:var(--app-muted)}.notification-empty .material-symbols-rounded{font-size:35px}.notification-empty p{font-size:12px;line-height:1.5}
.app-user-link{min-width:0;margin-left:4px}.app-user-link>img{width:38px;height:38px;border:2px solid rgba(217,255,133,.22)}.app-user-link span strong{font-size:12px}.app-user-link span small{color:#a1accf;font-size:12px}.presence-toggle{width:13px;height:13px;margin-left:-14px;margin-right:4px;border:2px solid #070a24;border-radius:50%;background:#73e6bb;box-shadow:0 0 11px rgba(115,230,187,.6);cursor:pointer}.presence-toggle.invisible{background:#68749c;box-shadow:none}.presence-toggle:hover{transform:scale(1.15)}
.account-page .account-layout{background:transparent}
.account-layout.account-layout-v1,.account-page .account-layout{width:100%;max-width:none;min-height:calc(100svh - 76px);margin:0;display:grid;grid-template-columns:220px minmax(0,1fr) 310px;align-items:stretch}.account-sidebar-v1,.account-page .account-sidebar{position:sticky;top:76px;height:calc(100svh - 76px);padding:28px 14px 18px;border-right:1px solid var(--app-border);display:flex;flex-direction:column;background:rgba(7,10,35,.72)}.account-sidebar-v1 nav{display:grid;gap:5px}.account-sidebar-v1 nav a{min-height:47px;padding:0 14px;border:1px solid transparent;border-radius:13px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;color:#8e99be;font:600 12px "Barlow",sans-serif}.account-sidebar-v1 nav a:hover{color:#eef1ff;background:rgba(132,147,255,.055)}.account-sidebar-v1 nav a.active{border-color:rgba(132,147,255,.18);background:linear-gradient(90deg,rgba(132,147,255,.15),rgba(132,147,255,.04));color:#fff}.account-sidebar-v1 nav a.active .material-symbols-rounded{color:var(--app-lime)}.account-sidebar-v1 nav a .material-symbols-rounded{font-size:21px}.account-sidebar-v1 nav a b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--app-lime);color:#11162d;font-size:12px}.account-sidebar-v1 .sidebar-logout{margin-top:auto;padding-top:18px;border-top:1px solid var(--app-border)}.account-sidebar-v1 .sidebar-logout button{width:100%;height:43px;border:1px solid var(--app-border);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#8692b9;font:600 12px "Barlow"}.account-sidebar-v1 .sidebar-logout button:hover{border-color:rgba(255,128,156,.3);color:#ff9bb2}.account-sidebar-v1 .sidebar-logout .material-symbols-rounded{font-size:18px}
.account-content{min-width:0;padding:28px clamp(20px,2.2vw,38px) 60px}.dashboard-v1{display:grid;align-content:start;gap:22px}.dashboard-profile-hero{position:relative;min-height:365px;border:1px solid var(--app-border);border-radius:24px;overflow:hidden;background:#0d1235}.dashboard-profile-art,.dashboard-profile-overlay{position:absolute;inset:0}.dashboard-profile-art{height:210px;background-size:cover;background-position:center}.dashboard-profile-overlay{background:linear-gradient(180deg,rgba(8,11,39,.08),#0d1235 59%),linear-gradient(90deg,rgba(8,11,39,.45),transparent)}.dashboard-profile-main{position:relative;z-index:2;min-height:290px;padding:125px 26px 25px;display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:22px;align-items:end}.dashboard-avatar{width:108px;height:108px}.dashboard-avatar img{width:100%;height:100%;border:5px solid #0d1235;border-radius:28px;object-fit:cover}.dashboard-avatar .presence-dot{right:3px;bottom:3px;width:18px;height:18px;border-width:4px}.dashboard-profile-copy .section-kicker,.dashboard-section .section-kicker,.dashboard-card .section-kicker{color:var(--app-lime);font:800 12px "Barlow";letter-spacing:.13em}.dashboard-profile-copy h1{margin:5px 0 7px;font:700 35px/1 "Barlow"}.dashboard-profile-copy>p{max-width:620px;margin:0;color:#9da8cb;font:400 12px/1.55 "Barlow"}.dashboard-profile-copy>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.dashboard-profile-copy>div span,.group-tags b{padding:5px 8px;border:1px solid var(--app-border);border-radius:999px;color:#b7c0df;font:600 12px "Barlow"}.dashboard-profile-actions{display:flex;flex-direction:column;gap:7px}.dashboard-profile-actions .btn{min-width:145px;min-height:40px;font-size:12px}.dashboard-stats{position:relative;z-index:2;min-height:75px;border-top:1px solid var(--app-border);display:grid;grid-template-columns:repeat(4,1fr)}.dashboard-stats>div{padding:0 24px;border-right:1px solid var(--app-border);display:flex;align-items:center;gap:12px}.dashboard-stats>div:last-child{border-right:0}.dashboard-stats>.gf-rank{background:linear-gradient(90deg,rgba(217,255,133,.06),transparent)}.dashboard-stats .material-symbols-rounded{color:#8292ff;font-size:24px}.dashboard-stats .gf-rank .material-symbols-rounded{color:var(--app-lime)}.dashboard-stats p{display:grid;gap:3px;margin:0}.dashboard-stats small{color:#7f8bb2;font:600 12px "Barlow";text-transform:uppercase}.dashboard-stats strong{font:700 17px "Barlow"}
.dashboard-section,.dashboard-card{padding:21px;border:1px solid var(--app-border);border-radius:20px;background:linear-gradient(145deg,rgba(17,23,65,.92),rgba(11,16,48,.94))}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.dashboard-section-head h2{margin:5px 0 0;font:700 19px/1 "Barlow"}.dashboard-section-head>a{display:flex;align-items:center;gap:5px;color:#96a3d0;font:600 12px "Barlow"}.dashboard-section-head>a:hover{color:var(--app-lime)}.dashboard-section-head .material-symbols-rounded{font-size:15px}.dashboard-section-head.compact{margin-bottom:14px}.podium-games{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:12px}.podium-game{position:relative;height:165px;border:1px solid var(--app-border);border-radius:16px;overflow:hidden;background:#0a0f30}.podium-game>img{width:100%;height:100%;object-fit:cover}.podium-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(6,9,31,.95))}.podium-game>span{position:absolute;left:15px;right:15px;bottom:14px;display:grid;grid-template-columns:auto 1fr;gap:1px 7px;align-items:center}.podium-game em{grid-row:1/3;font-size:24px;font-style:normal}.podium-game small{color:#d5dcf4;font:800 12px "Barlow";letter-spacing:.12em}.podium-game strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 14px "Barlow"}.podium-1{border-color:rgba(217,255,133,.35)}.podium-empty{display:block;background:linear-gradient(145deg,#111844,#0b1032)}.podium-empty::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(126,232,255,.13),transparent 50%)}.dashboard-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.connections-v1>a{min-height:57px;padding:9px 11px;border-top:1px solid var(--app-border);display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center}.connections-v1>a>img{width:30px;height:30px;object-fit:contain}.connections-v1>a>span{display:grid;gap:3px}.connections-v1>a strong{font:600 12px "Barlow"}.connections-v1>a small{color:var(--app-muted);font:400 12px "Barlow"}.connections-v1>a em{color:#8995bd;font:600 12px "Barlow"}.connections-v1>a em.on{color:#7be2bd}.match-avatar-stack{display:flex;margin:19px 0 14px}.match-avatar-stack a{position:relative;width:52px;height:52px;margin-right:-8px}.match-avatar-stack img{width:52px;height:52px;border:3px solid #111741;border-radius:50%;object-fit:cover}.match-avatar-stack b{position:absolute;right:-2px;bottom:-3px;padding:3px 5px;border-radius:999px;background:var(--app-lime);color:#11162d;font:800 12px "Barlow"}.match-summary-v1>p{margin:0;color:var(--app-muted);font:400 12px/1.55 "Barlow"}.game-cover-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-cover-strip>a{position:relative;aspect-ratio:.73;border-radius:14px;overflow:hidden;background:#101640}.game-cover-strip>a>img{width:100%;height:100%;object-fit:cover}.game-cover-strip>a>span{position:absolute;left:0;right:0;bottom:0;padding:45px 11px 11px;display:grid;gap:3px;background:linear-gradient(transparent,rgba(5,8,28,.96))}.game-cover-strip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 12px "Barlow"}.game-cover-strip small{color:#a4afd1;font:500 12px "Barlow"}.dashboard-empty{grid-column:1/-1;min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--app-muted)}.dashboard-empty .material-symbols-rounded{font-size:34px;color:#7f8cff}.dashboard-empty p{margin:0;font-size:12px}.dashboard-empty.wide{min-height:350px;border:1px solid var(--app-border);border-radius:20px;background:#0d1235}
.social-rail-v1{position:sticky;top:76px;height:calc(100svh - 76px);padding:22px 14px;border-left:1px solid var(--app-border);overflow:auto;background:rgba(7,10,35,.72)}.social-rail-block{padding-bottom:18px}.groups-rail-block{padding-top:18px;border-top:1px solid var(--app-border)}.social-rail-title{height:32px;display:flex;align-items:center;justify-content:space-between}.social-rail-title>div{display:flex;align-items:center;gap:8px}.social-rail-title .material-symbols-rounded{font-size:19px;color:#8796ff}.social-rail-title h2{margin:0;font:700 14px "Barlow"}.social-rail-title>a{width:25px;height:25px;border:1px solid var(--app-border);border-radius:8px;display:grid;place-items:center;color:#a8b3d7;font-size:17px}.rail-search{height:37px;margin:10px 0 12px;padding:0 10px;border:1px solid var(--app-border);border-radius:11px;display:flex;align-items:center;gap:7px;background:#0b1031}.rail-search .material-symbols-rounded{font-size:17px;color:#6f7ca7}.rail-search input{width:100%;border:0;outline:0;background:transparent;color:#e8ebfa;font:500 12px "Barlow"}.rail-section{margin:3px 0}.rail-section summary{height:34px;padding:0 7px;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:#9aa5ca;font:700 12px "Barlow";text-transform:uppercase;letter-spacing:.05em}.rail-section summary::-webkit-details-marker{display:none}.rail-section summary em{min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:rgba(132,147,255,.1);color:#9ca9d3;font:700 12px "Barlow"}.rail-section summary i{position:relative;width:13px;height:13px;margin-left:auto}.rail-section summary i::before,.rail-section summary i::after{content:"";position:absolute;left:2px;right:2px;top:6px;height:1px;background:#7682aa}.rail-section summary i::after{transform:rotate(90deg)}.rail-section[open] summary i::after{display:none}.rail-section.has-alert summary{color:var(--app-lime)}.rail-list{display:grid;gap:2px;padding-bottom:5px}.rail-player-row,.rail-group-row,.rail-request{min-height:48px;padding:5px 7px;border-radius:11px}.rail-player-row:hover,.rail-group-row:hover,.rail-request:hover{background:rgba(132,147,255,.065)}.rail-player-row{display:flex;align-items:center;justify-content:space-between}.rail-player-main,.rail-group-row,.rail-request>a{min-width:0;display:flex;align-items:center;gap:9px}.rail-player-main>.avatar-with-status{width:34px;height:34px;flex:0 0 auto}.rail-player-main img,.rail-group-row>img,.rail-request>a>img{width:34px;height:34px;border-radius:10px;object-fit:cover}.rail-player-main>span:last-child,.rail-group-row>span,.rail-request>a>span{min-width:0;display:grid;gap:2px}.rail-player-main strong,.rail-group-row strong,.rail-request strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#edf0ff;font:600 12px "Barlow"}.rail-player-main small,.rail-group-row small,.rail-request small{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7784ad;font:400 12px "Barlow"}.rail-player-actions{display:none;gap:4px}.rail-player-row:hover .rail-player-actions{display:flex}.rail-player-actions a{width:23px;height:23px;border:1px solid var(--app-border);border-radius:7px;display:grid;place-items:center}.rail-player-actions img{width:13px;height:13px;object-fit:contain;filter:brightness(0) invert(1)}.rail-group-row{display:grid;grid-template-columns:34px 1fr auto}.rail-group-row>.material-symbols-rounded{font-size:17px;color:#6e7ba5}.rail-request{display:flex;align-items:center;justify-content:space-between}.rail-request>div{display:flex;gap:3px}.rail-request button{width:24px;height:24px}.rail-empty{padding:8px 10px;color:#68759f;font:400 12px/1.4 "Barlow"}
.directory-v1{display:grid;align-content:start;gap:24px}.directory-heading{min-height:145px;padding:27px;border:1px solid var(--app-border);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(circle at 85% 0,rgba(101,119,244,.19),transparent 38%),#0d1235}.directory-heading h1{margin:7px 0 8px;font:800 36px/.95 "Barlow Condensed"}.directory-heading p{margin:0;color:var(--app-muted);font:400 12px "Barlow"}.directory-heading form{width:min(470px,48%);height:47px;padding-left:13px;border:1px solid var(--app-border);border-radius:14px;display:flex;align-items:center;gap:9px;background:#090e2e}.directory-heading form .material-symbols-rounded{font-size:19px;color:#7180ac}.directory-heading form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}.directory-heading form .btn{height:39px;min-height:39px;margin-right:4px}.group-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.group-card-v1{border:1px solid var(--app-border);border-radius:20px;overflow:hidden;background:#0d1235}.group-card-banner{position:relative;height:145px;display:block;overflow:hidden}.group-card-banner>img{width:100%;height:100%;object-fit:cover}.group-card-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(8,11,38,.8))}.group-match-score{position:absolute;z-index:2;right:12px;top:12px;padding:6px 9px;border-radius:999px;background:var(--app-lime);color:#10152e;font:800 12px "Barlow"}.group-card-body{position:relative;padding:0 17px 17px}.group-card-avatar{position:absolute;left:17px;top:-31px;z-index:3;width:62px;height:62px;border:4px solid #0d1235;border-radius:17px;object-fit:cover}.group-card-title{min-height:58px;padding-left:75px;display:flex;align-items:center;justify-content:space-between;gap:10px}.group-card-title h2{margin:0;font:700 17px "Barlow"}.group-card-title p,.group-card-body>p{margin:3px 0 0;color:var(--app-muted);font:400 12px/1.5 "Barlow"}.group-card-body>p{min-height:38px;margin:8px 0 11px;font-size:12px}.group-reasons{display:flex;gap:6px;flex-wrap:wrap}.group-reasons span{display:flex;align-items:center;gap:5px;color:#aab4d5;font:500 12px "Barlow"}.group-reasons i{width:5px;height:5px;border-radius:50%;background:#76e3ba}.group-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.group-member-stack{display:flex;margin-top:13px}.group-member-stack img{width:28px;height:28px;margin-right:-6px;border:2px solid #0d1235;border-radius:50%;object-fit:cover}.group-profile-hero{position:relative;height:340px;border:1px solid var(--app-border);border-radius:23px;overflow:hidden}.group-profile-hero>img,.group-profile-hero>div:first-of-type{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.group-profile-hero>div:first-of-type{background:linear-gradient(180deg,rgba(6,9,31,.15),rgba(6,9,31,.94))}.back-chip{position:absolute;left:20px;top:20px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;display:flex;align-items:center;gap:6px;background:rgba(7,10,35,.55);font-size:12px}.back-chip .material-symbols-rounded{font-size:15px}.group-profile-summary{position:absolute;left:28px;right:28px;bottom:25px;display:flex;align-items:end;gap:18px}.group-profile-summary>img{width:93px;height:93px;border:5px solid #0d1235;border-radius:23px}.group-profile-summary small{color:var(--app-lime);font:800 12px "Barlow";letter-spacing:.13em}.group-profile-summary h1{margin:5px 0;font:700 32px "Barlow"}.group-profile-summary p{max-width:650px;margin:0;color:#b2bbd8;font:400 12px "Barlow"}.group-profile-grid{display:grid;grid-template-columns:1fr 310px;gap:15px;margin-top:15px}.group-members-list{display:grid}.group-members-list>a{min-height:58px;padding:7px;border-top:1px solid var(--app-border);display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.group-members-list .avatar-with-status{width:39px;height:39px}.group-members-list img{width:39px;height:39px;border-radius:11px;object-fit:cover}.group-members-list>a>span:nth-child(2){display:grid;gap:3px}.group-members-list strong{font:600 12px "Barlow"}.group-members-list small{color:var(--app-muted);font:400 12px "Barlow"}.group-detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.group-detail-tags strong{flex-basis:100%;margin-top:8px;color:#8d99bf;font:700 12px "Barlow";text-transform:uppercase}.group-detail-tags span{padding:6px 8px;border:1px solid var(--app-border);border-radius:999px;color:#b7c0df;font:500 12px "Barlow"}.group-profile-grid>aside>.btn{margin-top:10px}.top-games-settings>p{margin:4px 0 14px;color:var(--app-muted);font-size:12px}.top-game-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.top-game-selects label{display:grid;gap:6px}.top-game-selects label>span{color:#aeb8d8;font:600 12px "Barlow"}
@media(max-width:1280px){.account-layout.account-layout-v1,.account-page .account-layout{grid-template-columns:205px minmax(0,1fr) 280px}.dashboard-profile-main{grid-template-columns:95px minmax(0,1fr)}.dashboard-avatar{width:92px;height:92px}.dashboard-profile-actions{grid-column:2;flex-direction:row}.dashboard-card-grid{grid-template-columns:1fr}.group-card-grid{grid-template-columns:1fr}.game-cover-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.app-topbar-v1{grid-template-columns:190px minmax(240px,1fr) auto}.app-topbar-v1 .top-actions{grid-column:3}.account-layout.account-layout-v1,.account-page .account-layout{grid-template-columns:190px minmax(0,1fr)}.social-rail-v1{display:none}.directory-heading{display:block}.directory-heading form{width:100%;margin-top:20px}.group-profile-grid{grid-template-columns:1fr}.top-game-selects{grid-template-columns:1fr}}
@media(max-width:760px){.app-topbar-v1{height:67px;padding:0 15px;grid-template-columns:auto 1fr auto}.app-topbar-v1 .brand span{display:none}.app-topbar-v1 .brand{width:34px}.app-topbar-v1 .top-search{height:40px}.app-topbar-v1 .top-actions{grid-column:3}.app-user-link span,.presence-toggle{display:none}.notification-panel{position:fixed;left:12px;right:12px;top:74px;width:auto}.account-layout.account-layout-v1,.account-page .account-layout{min-height:calc(100svh - 67px);grid-template-columns:1fr}.account-sidebar-v1,.account-page .account-sidebar{position:fixed;z-index:70;left:10px;right:10px;bottom:10px;top:auto;width:auto;height:61px;padding:6px;border:1px solid var(--app-border);border-radius:18px;background:rgba(10,14,46,.94);backdrop-filter:blur(18px)}.account-sidebar-v1 nav{height:100%;grid-template-columns:repeat(7,1fr);gap:2px}.account-sidebar-v1 nav a{min-height:47px;padding:0;border-radius:12px;display:grid;place-items:center}.account-sidebar-v1 nav a>span:last-of-type,.account-sidebar-v1 nav a b{display:none}.account-sidebar-v1 nav a .material-symbols-rounded{font-size:20px}.account-sidebar-v1 .sidebar-logout{display:none}.account-content{padding:17px 13px 90px}.dashboard-profile-main{padding:125px 18px 20px;grid-template-columns:78px minmax(0,1fr);gap:13px}.dashboard-avatar{width:76px;height:76px}.dashboard-profile-copy h1{font-size:27px}.dashboard-profile-copy>p{font-size:12px}.dashboard-profile-actions{grid-column:1/-1}.dashboard-profile-actions .btn{flex:1;min-width:0}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-stats>div{min-height:62px;border-bottom:1px solid var(--app-border)}.podium-games{grid-template-columns:1fr}.podium-game{height:135px}.game-cover-strip{grid-template-columns:repeat(2,1fr)}.group-card-grid{grid-template-columns:1fr}.group-profile-hero{height:390px}.group-profile-summary{align-items:start}.group-profile-summary>img{width:75px;height:75px}.group-profile-summary h1{font-size:26px}}

/* v1.1 - readable, open dashboard and responsive account workspace */
.account-page .account-content,.account-page .settings-content{width:100%;max-width:100%;min-width:0;overflow-x:clip;box-sizing:border-box}
.account-page .account-content>*{min-width:0;max-width:100%;box-sizing:border-box}
.account-page .section-kicker{font-size:12px!important}
.account-page .settings-heading p:last-child,.account-page .directory-heading p{font-size:13px;line-height:1.55}
.account-page .btn{font-size:12px}
.account-sidebar-v1 nav a{font-size:13px}.social-rail-title h2{font-size:15px}.rail-section summary{font-size:12px}.rail-player-main strong,.rail-group-row strong,.rail-request strong{font-size:12px}.rail-player-main small,.rail-group-row small,.rail-request small,.rail-empty{font-size:12px}

/* Header presence control keeps a true circle at every width. */
.app-topbar-v1 .presence-toggle{display:block;flex:0 0 14px;width:14px!important;height:14px!important;min-width:14px;min-height:14px;margin-left:-14px;margin-right:4px;padding:0!important;border-width:2px!important;border-radius:999px!important;line-height:0;appearance:none;box-sizing:border-box}

/* Larger and calmer player cards. */
.player-grid,.favorite-player-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.player-card{aspect-ratio:4/5;min-height:310px}
.player-card-content{padding:88px 16px 16px}
.player-card-avatar{flex-basis:52px}.player-card-avatar img{width:52px;height:52px}.player-card-identity h2{font-size:24px}.player-presence{font-size:12px}.player-now-playing{font-size:12px;margin:11px 0 8px}.player-card-tags span{font-size:12px;padding:5px 8px}.player-card-reason{font-size:12px}
.player-favorite-form{position:absolute;z-index:6;right:13px;top:13px}.player-favorite-button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important}.player-favorite-button .material-symbols-rounded{display:block;line-height:1;font-size:24px;margin:0}
.player-card-actions-v3{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px}.player-profile-cta{height:32px;padding:0 2px;font-size:12px}.player-friend-inline{margin-left:auto}.player-friend-inline button,.player-friend-state{height:32px;font-size:12px}.player-service-links{position:relative;z-index:5;display:flex;gap:5px;pointer-events:auto}.player-service-link{width:32px;height:32px;border:1px solid rgba(205,215,241,.16);border-radius:9px;display:grid;place-items:center;background:rgba(9,14,29,.72)}.player-service-link:hover{border-color:#bb8cf2}.player-service-link img{width:18px;height:18px;object-fit:contain;filter:none}

/* Friends and outgoing requests are compact rows. */
.social-player>.avatar-with-status{width:44px;height:44px;flex:0 0 44px}.social-player>.avatar-with-status>img{display:block;width:44px;height:44px;border-radius:12px;object-fit:cover}.social-player strong,.social-game strong{font-size:14px}.social-player small,.social-game small{font-size:12px}.social-list.compact .social-row{min-height:64px;padding:10px 13px}.outgoing-friend-row .social-player{min-width:0}.outgoing-friend-row .btn{white-space:nowrap}

/* Favorites are two open sections, not nested empty-state panels. */
.favorite-players-section,.favorite-games-section{padding:25px 0;border-top:1px solid var(--app-border);margin:0}.favorite-games-section .section-title-row,.favorite-players-section .section-title-row{margin-bottom:17px}.favorite-games-section .section-title-row h2,.favorite-players-section .section-title-row h2{font:500 32px/1 "Barlow Condensed",sans-serif;margin:0}.favorites-inline-empty{min-height:64px;margin:0;padding:20px 0;color:#8793b8;font-size:13px}

/* Compact application pagination. */
.gf-pagination{display:flex!important;align-items:center;justify-content:space-between!important;gap:18px;padding:10px 0}.gf-pagination-summary{color:#8692b7;font-size:12px}.gf-pagination-pages{display:flex;align-items:center;gap:5px}.gf-pagination-pages>a,.gf-pagination-pages>span{width:35px;height:35px;border:1px solid var(--app-border);border-radius:10px;display:grid;place-items:center;color:#aab4d6;font-size:12px}.gf-pagination-pages>a:hover{border-color:#d9ff85;color:#d9ff85}.gf-pagination-pages>.active{border-color:#d9ff85;background:#d9ff85;color:#10152e;font-weight:800}.gf-pagination-pages>.disabled{opacity:.35}.gf-pagination-pages>.ellipsis{border-color:transparent}.gf-pagination-pages .material-symbols-rounded{font-size:19px}

/* Group directory and creation. */
.directory-heading-simple{min-height:0;padding:9px 0 23px;border:0;border-bottom:1px solid var(--app-border);border-radius:0;background:transparent}.directory-heading-simple .btn{flex:0 0 auto}.directory-heading-simple .material-symbols-rounded{font-size:19px}.group-card-body>p{font-size:12px}.group-card-title p{font-size:12px}.group-reasons span,.group-tags b{font-size:12px}.icon-action{width:36px;height:36px;border:1px solid var(--app-border);border-radius:11px;display:grid;place-items:center;color:#d9ff85}.icon-action .material-symbols-rounded{font-size:19px}.inline-empty{grid-column:1/-1;display:flex;align-items:center;gap:13px;min-height:90px;padding:18px 0;color:#8995ba}.inline-empty>.material-symbols-rounded{font-size:32px;color:#8997ff}.inline-empty h2{margin:0 0 4px;font-size:18px}.inline-empty p{margin:0;font-size:12px}
.group-profile-grid>aside>form{margin-top:10px}.group-profile-grid>aside>form .btn{width:100%}
.page-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding-bottom:24px;border-bottom:1px solid var(--app-border)}.page-heading-row h1{margin:7px 0 7px;font:700 40px/1 "Barlow Condensed",sans-serif}.page-heading-row p{margin:0;color:#929ec3;font-size:13px}.group-create-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;padding-top:25px}.group-create-form .full{grid-column:1/-1}.group-create-form fieldset{min-width:0;margin:0;padding:0;border:0}.group-create-form label,.group-create-form legend{display:grid;gap:7px;color:#aeb8d9;font-size:12px;font-weight:650}.group-create-form legend{margin-bottom:10px}.group-create-form input:not([type=checkbox]),.group-create-form textarea,.group-create-form select{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--app-border);border-radius:12px;outline:0}.group-create-form textarea{resize:vertical}.group-create-form small{color:#7784ad;font-size:12px}.choice-grid{display:flex;gap:8px;flex-wrap:wrap}.choice-grid label{position:relative;display:block}.choice-grid input{position:absolute;opacity:0}.choice-grid span{min-height:34px;padding:0 12px;border:1px solid var(--app-border);border-radius:999px;display:flex;align-items:center;color:#a6b0d0;font-size:12px;cursor:pointer}.choice-grid input:checked+span{border-color:#d9ff85;background:rgba(217,255,133,.12);color:#eaffbd}.group-create-form .form-actions{justify-content:flex-end;gap:9px;padding-top:7px}.form-errors{padding:14px 16px;border:1px solid rgba(255,130,157,.35);border-radius:13px;background:rgba(255,130,157,.07);color:#ffc1d0;font-size:12px}.form-errors ul{margin:7px 0 0;padding-left:18px}

/* Home uses open content bands instead of a stack of containers. */
.dashboard-v1{gap:0}.dashboard-v1>.dashboard-section{padding:30px 0;border:0;border-top:1px solid var(--app-border);border-radius:0;background:transparent}.dashboard-card-grid{gap:34px;padding:30px 0;border-top:1px solid var(--app-border)}.dashboard-card-grid>.dashboard-card{padding:0;border:0;border-radius:0;background:transparent}.dashboard-section-head h2{font-size:21px}.dashboard-section-head>a{font-size:12px}.connections-v1>a{padding-left:0;padding-right:0}.dashboard-profile-copy>p,.match-summary-v1>p{font-size:13px}.dashboard-profile-copy .section-kicker,.dashboard-section .section-kicker,.dashboard-card .section-kicker{font-size:12px}.game-cover-strip strong{font-size:12px}.game-cover-strip small{font-size:12px}
.game-cover-strip>a>.game-cover-empty{display:none;position:absolute;inset:0;padding:0;background:linear-gradient(145deg,#151c49,#29305e);place-items:center;color:#d9ff85;font:700 55px "Barlow",sans-serif}.game-cover-strip>a.image-failed>.game-cover-empty{display:grid}.game-cover-strip>a>.game-cover-info{z-index:2}

/* Settings always stay inside the center column. */
.settings-content{max-width:none!important}.settings-section{grid-template-columns:minmax(155px,190px) minmax(0,1fr);gap:22px}.settings-card{min-width:0;max-width:100%;overflow:hidden}.settings-card>*{min-width:0;max-width:100%;box-sizing:border-box}.settings-section-title h2{font-size:13px!important}.settings-section-title p{font-size:12px}.settings-card>label,.settings-card label{font-size:12px}.settings-card input,.settings-card select,.settings-card textarea{min-width:0;max-width:100%;box-sizing:border-box}.profile-media-settings{grid-template-columns:minmax(135px,180px) minmax(0,1fr)}.settings-game-avatars>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,58px));max-width:100%}.settings-background-presets>div{grid-template-columns:repeat(3,minmax(0,1fr))}.connected-settings>div{min-width:0}.connected-settings .btn{white-space:nowrap}

@media(max-width:1200px){
  .account-layout.account-layout-v1,.account-page .account-layout{grid-template-columns:195px minmax(0,1fr)}
  .social-rail-v1{display:none}
  .settings-section{grid-template-columns:170px minmax(0,1fr)}
  .player-grid,.favorite-player-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
}
@media(max-width:940px){
  .settings-section{grid-template-columns:1fr;gap:14px}.settings-section-title{max-width:500px}
  .dashboard-card-grid{grid-template-columns:1fr}.group-card-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .app-topbar-v1{height:67px;padding:0 14px;grid-template-columns:auto minmax(0,1fr) auto}.app-topbar-v1 .brand span{display:none}.app-topbar-v1 .brand{width:35px}.app-topbar-v1 .top-actions{grid-column:3}.app-user-link span{display:none}.app-topbar-v1 .presence-toggle{display:block!important;margin-left:-15px;margin-right:2px}.app-topbar-v1 .top-search{height:40px}
  body:not(.account-page) .app-topbar-v1 .mobile-menu-button{display:flex!important}
  .account-layout.account-layout-v1,.account-page .account-layout{min-height:calc(100svh - 67px);grid-template-columns:1fr}
  .account-sidebar-v1,.account-page .account-sidebar{position:fixed;z-index:70;left:9px;right:9px;bottom:9px;top:auto;width:auto;height:62px;padding:6px;border:1px solid var(--app-border);border-radius:18px;background:rgba(10,14,46,.95);backdrop-filter:blur(18px)}
  .account-sidebar-v1 nav{height:100%;grid-template-columns:repeat(7,1fr);gap:2px}.account-sidebar-v1 nav a{min-height:48px;padding:0;border-radius:12px;display:grid;place-items:center}.account-sidebar-v1 nav a>span:last-of-type,.account-sidebar-v1 nav a b{display:none}.account-sidebar-v1 nav a .material-symbols-rounded{font-size:21px}.account-sidebar-v1 .sidebar-logout{display:none}
  .account-content{padding:20px 15px 92px}.settings-heading{align-items:flex-start}.settings-heading h1{font-size:37px}.page-heading-row{align-items:flex-start}.directory-heading-simple{align-items:flex-start}.player-grid,.favorite-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-create-form{grid-template-columns:1fr}.group-create-form .full{grid-column:auto}
  .social-row{padding:11px 12px}.outgoing-friend-row{flex-direction:row!important}.social-game img{width:68px;height:43px}
}
@media(max-width:640px){
  .app-topbar-v1 .top-search{display:none}.app-topbar-v1{grid-template-columns:auto 1fr auto}.app-topbar-v1 .top-actions{margin-left:auto}
  .account-content{padding-left:12px;padding-right:12px}.player-grid,.favorite-player-grid{grid-template-columns:1fr!important;display:grid!important;overflow:visible!important}.player-card{width:100%;min-height:340px;aspect-ratio:16/12}
  .settings-heading,.page-heading-row,.directory-heading-simple{display:grid;gap:15px}.settings-heading>.btn,.page-heading-row>.btn,.directory-heading-simple>.btn{width:max-content}.settings-card{padding:15px}.profile-media-settings{grid-template-columns:1fr}.background-upload-preview{min-height:145px}.two-cols{grid-template-columns:1fr}.settings-background-presets>div{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-settings>div{grid-template-columns:32px minmax(0,1fr)}.connected-settings .btn{grid-column:2;width:max-content}
  .dashboard-profile-hero{border-left:0;border-right:0;border-radius:0}.dashboard-profile-main{grid-template-columns:72px minmax(0,1fr)}.dashboard-profile-actions{grid-column:1/-1}.dashboard-stats>div{padding:0 14px}.podium-games{grid-template-columns:1fr}.podium-game{height:145px}.game-cover-strip{grid-template-columns:repeat(2,1fr)}
  .friend-card-grid{grid-template-columns:1fr}.social-row:not(.outgoing-friend-row){align-items:flex-start;flex-direction:column}.social-row-actions{width:100%}.social-row-actions form{flex:1}.social-row-actions .btn{width:100%}.outgoing-friend-row{gap:10px}.outgoing-friend-row .social-player>.avatar-with-status{width:40px;height:40px;flex-basis:40px}.outgoing-friend-row .social-player>.avatar-with-status>img{width:40px;height:40px}.outgoing-friend-row .social-player small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}
  .gf-pagination{align-items:flex-start;flex-direction:column}.gf-pagination-pages{width:100%;justify-content:center}.gf-pagination-pages>a,.gf-pagination-pages>span{width:33px;height:33px}
  .favorite-games-section .section-title-row h2,.favorite-players-section .section-title-row h2{font-size:28px}.group-card-title{padding-left:70px}.group-card-body>p{min-height:0}
}

/* v1.2.3 - readable compact friend rows */
.social-hub-content .friend-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:0;border-top:1px solid var(--app-border)}
.social-hub-content .friend-mini-card{position:relative;min-width:0;min-height:72px;padding:9px 0;border:0;border-bottom:1px solid var(--app-border);border-radius:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:transparent}
.social-hub-content .friend-mini-profile{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;color:#edf0ff}
.social-hub-content .friend-mini-profile .avatar-with-status{width:48px;height:48px}
.social-hub-content .friend-mini-profile .avatar-with-status>img{display:block;width:48px;height:48px;border-radius:14px;object-fit:cover;background:#151c49}
.social-hub-content .friend-mini-profile .presence-dot{right:-1px;bottom:1px}
.social-hub-content .friend-mini-copy{min-width:0;display:grid;gap:4px}
.social-hub-content .friend-mini-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 15px "Barlow",sans-serif}
.social-hub-content .friend-mini-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8793b7;font:400 12px "Barlow",sans-serif}
.social-hub-content .friend-mini-actions{display:flex;align-items:center;gap:5px}
.social-hub-content .friend-mini-actions>a{width:30px;height:30px;border:1px solid var(--app-border);border-radius:9px;display:grid;place-items:center;color:#aab5d8;background:#0b1031}
.social-hub-content .friend-mini-actions>a:hover{border-color:rgba(217,255,133,.5);color:var(--app-lime)}
.social-hub-content .friend-mini-actions img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1)}
.social-hub-content .friend-mini-actions .material-symbols-rounded{font-size:18px}
.social-hub-content .friend-mini-actions .friend-challenge-action{width:auto;padding:0 9px;display:flex;gap:5px}
.social-hub-content .friend-mini-actions .friend-challenge-action b{font:600 12px "Barlow",sans-serif}
@media(max-width:900px){.social-hub-content .friend-card-grid{grid-template-columns:1fr}}
@media(max-width:480px){.social-hub-content .friend-mini-actions .friend-challenge-action{width:30px;padding:0}.social-hub-content .friend-mini-actions .friend-challenge-action b{display:none}}

/* v1.2.4 - plain favorite icon and direct friend request */
.player-favorite-button{border:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.player-favorite-button:hover{color:var(--app-lime);background:transparent!important}
.player-favorite-button.active{border:0!important;background:transparent!important;color:#f2a3cf}
.player-friend-inline{pointer-events:auto}
.player-friend-inline button{pointer-events:auto}
.player-friend-inline button.is-sent:disabled{opacity:1;cursor:default}
@media(max-width:420px){
  .app-topbar-v1 .notification-bell{width:38px;height:38px}.app-user-link>img{width:35px;height:35px}.app-topbar-v1 .presence-toggle{margin-left:-13px}
  .account-sidebar-v1 nav a .material-symbols-rounded{font-size:19px}.account-sidebar-v1,.account-page .account-sidebar{left:6px;right:6px;bottom:6px}
  .player-card{min-height:360px;aspect-ratio:4/4.8}.dashboard-profile-main{padding-left:13px;padding-right:13px}.dashboard-profile-copy>p{display:none}.dashboard-profile-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-profile-actions .btn{font-size:12px}.dashboard-stats strong{font-size:15px}.game-cover-strip{gap:8px}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-game-card{border-radius:14px}.library-card-actions{display:grid}.group-create-form{gap:16px}.choice-grid{gap:6px}.choice-grid span{padding:0 10px}
}

/* v1.2 - compact requests, in-app public profiles and cross-platform friends */
.notification-item button,.rail-request button,.request-action button,.outgoing-request-avatar>form button{padding:0!important;line-height:0}
.notification-item button .material-symbols-rounded,.rail-request button .material-symbols-rounded,.request-action button .material-symbols-rounded,.outgoing-request-avatar button .material-symbols-rounded{display:block;margin:0;line-height:1;text-align:center}

.friend-request-stack{display:flex;align-items:flex-start;min-height:112px;padding:12px 15px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.friend-request-avatar{position:relative;z-index:1;width:82px;height:96px;flex:0 0 82px;margin-left:-17px;transition:transform .18s ease,z-index .18s ease}
.friend-request-avatar:first-child{margin-left:0}.friend-request-avatar:hover,.friend-request-avatar:focus-within{z-index:12;transform:translateY(-3px)}
.friend-request-avatar>a{position:absolute;left:4px;top:9px;width:70px;display:grid;justify-items:center;gap:5px;color:#e9edff}
.friend-request-avatar>a>img{display:block;width:70px;height:70px;border:4px solid #111742;border-radius:50%;object-fit:cover;background:#151c49;box-shadow:0 8px 18px rgba(0,0,0,.24)}
.request-player-name{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px "Barlow",sans-serif}
.request-action{position:absolute;z-index:4;margin:0}.request-action button,.outgoing-request-avatar>form button{width:27px;height:27px;border:1px solid var(--app-border);border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.28)}
.request-action button .material-symbols-rounded,.outgoing-request-avatar button .material-symbols-rounded{font-size:18px}
.request-reject{right:0;top:0}.request-reject button,.outgoing-request-avatar>form button{background:#151b48;color:#9ca8ce}.request-reject button:hover,.outgoing-request-avatar>form button:hover{border-color:#ff91aa;color:#ffabc0}
.request-accept{right:0;bottom:13px}.request-accept button{border-color:transparent;background:var(--app-lime);color:#10152e}.request-accept button:hover{background:#e9ffb7}
.friend-request-stack.compact{min-height:0;padding:2px 0 8px;display:grid;gap:4px;overflow:visible}.friend-request-stack.compact .friend-request-avatar{width:100%;height:56px;min-width:0;flex:none;margin:0;padding:5px 6px;display:grid;grid-template-columns:minmax(0,1fr) 26px 26px;align-items:center;gap:5px;border-radius:11px;transition:background .18s ease}.friend-request-stack.compact .friend-request-avatar:hover,.friend-request-stack.compact .friend-request-avatar:focus-within{transform:none;background:rgba(132,147,255,.065)}.friend-request-stack.compact .friend-request-avatar>a{position:static;grid-column:1;grid-row:1;width:auto;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;justify-items:start;gap:9px}.friend-request-stack.compact .friend-request-avatar>a>img{width:40px;height:40px;border:0;border-radius:11px;box-shadow:none}.friend-request-stack.compact .request-player-copy{min-width:0;display:grid;gap:2px}.friend-request-stack.compact .request-player-name{display:block;max-width:100%;font-size:12px}.friend-request-stack.compact .request-player-copy small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7784ad;font:400 12px "Barlow",sans-serif}.friend-request-stack.compact .request-action{position:static;margin:0}.friend-request-stack.compact .request-accept{grid-column:2;grid-row:1}.friend-request-stack.compact .request-reject{grid-column:3;grid-row:1}.friend-request-stack.compact .request-action button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;box-shadow:none}.friend-request-stack.compact .request-action button .material-symbols-rounded{width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:15px}.rail-request-list{display:block}.request-section-copy{margin:5px 0 0;color:#8793b7;font-size:12px}

.social-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.social-heading-actions form{margin:0}.social-heading-actions .provider-logo{filter:brightness(0) invert(1)}
.outgoing-request-stack{display:flex;align-items:flex-start;min-height:102px;padding:8px 12px 4px;overflow-x:auto;overflow-y:hidden}.outgoing-request-avatar{position:relative;width:76px;height:90px;flex:0 0 76px;margin-left:-14px}.outgoing-request-avatar:first-child{margin-left:0}.outgoing-request-avatar>a{position:absolute;left:4px;top:7px;width:64px;display:grid;justify-items:center;gap:4px;color:#e9edff}.outgoing-request-avatar>a>img{width:64px;height:64px;border:4px solid #111742;border-radius:50%;object-fit:cover}.outgoing-request-avatar>a>span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.outgoing-request-avatar>form{position:absolute;z-index:3;right:0;top:0}.outgoing-request-avatar>small{position:absolute;right:0;bottom:12px;padding:3px 6px;border-radius:999px;background:#202758;color:#9eabd1;font-size:12px}.sent-game-invitations{margin-top:12px}

.external-avatar{position:relative}.external-avatar>b{position:absolute;left:-3px;bottom:-3px;width:15px;height:15px;border:2px solid #080c28;border-radius:50%;display:grid;place-items:center;background:#fff}.external-avatar>b>img{width:9px!important;height:9px!important;border-radius:0!important;filter:none!important}.external-player-row .rail-player-main>span:last-child small{color:#8fdcc3}.external-friend-avatar-strip{display:flex;align-items:center;min-height:72px;padding:8px 6px;overflow-x:auto}.external-friend-avatar-strip>a{position:relative;width:62px;height:62px;flex:0 0 62px;margin-left:-13px}.external-friend-avatar-strip>a:first-child{margin-left:0}.external-friend-avatar-strip>a>img{width:62px;height:62px;border:4px solid #111742;border-radius:50%;object-fit:cover}.external-friend-avatar-strip .presence-dot{right:0;bottom:3px}.external-friend-avatar-strip b{position:absolute;left:0;bottom:0;width:19px;height:19px;border:2px solid #080c28;border-radius:50%;display:grid;place-items:center;background:#fff}.external-friend-avatar-strip b img{width:11px;height:11px;object-fit:contain}.steam-friends-overview .section-title-row p:last-child{margin:5px 0 0;color:#8793b7;font-size:12px}

.connections-v1>a>img[src*="steam"]{filter:brightness(0) invert(1)}
.dashboard-v1>.podium-section{border-top:0}.dashboard-profile-hero{border-bottom:0}
.mixed-friend-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}

.public-profile-v2{width:100%;max-width:100%}.public-profile-v2 .public-player-hero,.public-profile-v2 .player-challenge-panel,.public-profile-v2 .public-player-info-grid,.public-profile-v2 .games-section{max-width:100%;box-sizing:border-box}.public-profile-v2 .public-player-content{max-width:min(820px,100%)}

@media(max-width:820px){
  .social-heading-actions{justify-content:flex-start}.friend-request-stack{padding-left:6px}.public-profile-v2{padding-bottom:96px}
}
@media(max-width:640px){
  .friend-request-stack{min-height:102px;padding-right:4px}.friend-request-avatar{width:74px;height:90px;flex-basis:74px;margin-left:-15px}.friend-request-avatar>a{width:64px}.friend-request-avatar>a>img{width:64px;height:64px}.request-accept{bottom:11px}.social-heading-actions{display:grid;grid-template-columns:1fr}.social-heading-actions .btn{width:100%}.public-profile-v2 .public-player-hero{border-radius:18px}.public-profile-v2 .public-player-content{padding-left:18px;padding-right:18px}.public-profile-v2 .public-player-info-grid{grid-template-columns:1fr}.public-profile-v2 .player-challenge-panel{padding:18px}
}

/* v1.3 - group capacity and discovery filters */
.group-filters{display:grid;gap:10px;padding:15px 0 20px;border-bottom:1px solid var(--app-border)}
.group-filter-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.group-filter-row>span{width:78px;color:#7784ad;font:800 12px "Barlow",sans-serif;letter-spacing:.12em}
.group-filter-row>a{min-height:32px;padding:0 11px;border:1px solid var(--app-border);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#9ca8ca;background:#0b1031;font:600 12px "Barlow",sans-serif}
.group-filter-row>a:hover{border-color:rgba(217,255,133,.4);color:#e7edff}
.group-filter-row>a.active{border-color:var(--app-lime);background:var(--app-lime);color:#10152e}
.group-filter-row .material-symbols-rounded{font-size:16px}
.group-filter-row .open-filter{margin-left:auto}
.group-filter-row .clear-filter{border-color:transparent;background:transparent;color:#8f9abc}
.group-filter-row .clear-filter:hover{color:#fff}
.groups-directory-v11 .group-card-grid{margin-top:4px}
.groups-directory-v11 .group-card-title{min-height:76px;padding-left:76px;display:grid;grid-template-columns:minmax(0,1fr) auto 38px;gap:11px;align-items:center}
.groups-directory-v11 .group-card-title>div:first-child{min-width:0}
.groups-directory-v11 .group-card-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.groups-directory-v11 .group-card-title p{color:var(--app-lime)}
.group-capacity-count{min-width:67px;display:grid;justify-items:end;line-height:1}
.group-capacity-count strong{display:flex;align-items:baseline;color:#f5f7ff;font:800 32px/.9 "Barlow Condensed",sans-serif;letter-spacing:-.035em}
.group-capacity-count strong span{color:#8995bc;font-size:20px;font-weight:500}
.group-capacity-count small{margin-top:5px;color:#7f8bb0;font:800 12px "Barlow",sans-serif;letter-spacing:.13em}
.group-capacity-meter{height:4px;margin:0 0 14px;border-radius:999px;overflow:hidden;background:#20274f}
.group-capacity-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#71e2c0,var(--app-lime))}
.group-profile-capacity{margin-left:auto;display:grid;justify-items:end;flex:0 0 auto}
.group-profile-capacity strong{display:flex;align-items:baseline;color:#fff;font:800 47px/.85 "Barlow Condensed",sans-serif;letter-spacing:-.04em}
.group-profile-capacity strong span{color:#b5c0dd;font-size:28px;font-weight:500}
.group-profile-capacity>small{margin-top:7px;color:#d9ff85;font:800 12px "Barlow",sans-serif;letter-spacing:.15em}
.group-profile-capacity em{margin-top:5px;color:#aab5d3;font:600 12px "Barlow",sans-serif;font-style:normal}
@media(max-width:760px){
  .group-filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.group-filter-row>span{position:sticky;left:0;z-index:2;flex:0 0 72px;background:#080c29}.group-filter-row>a{flex:0 0 auto}.group-filter-row .open-filter{margin-left:0}.groups-directory-v11 .group-card-title{grid-template-columns:minmax(0,1fr) auto 36px}.group-profile-summary{flex-wrap:wrap}.group-profile-capacity{width:100%;margin:5px 0 0 93px;justify-items:start}
}
@media(max-width:430px){
  .groups-directory-v11 .group-card-title{padding-left:68px;grid-template-columns:minmax(0,1fr) auto}.groups-directory-v11 .group-card-title .icon-action{display:none}.group-capacity-count strong{font-size:28px}.group-capacity-count strong span{font-size:18px}.group-filter-row>span{flex-basis:64px}.group-profile-capacity{margin-left:0}
}

/* v1.3.1 Group creation image crop */
.group-create-close{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--app-border);border-radius:50%;display:grid;place-items:center;color:#c7d0eb;background:rgba(14,19,55,.58);transition:.18s ease}.group-create-close:hover{border-color:rgba(217,255,133,.5);color:var(--app-lime);background:rgba(217,255,133,.07)}.group-create-close .material-symbols-rounded{font-size:24px}
.group-media-grid{display:grid;grid-template-columns:minmax(210px,240px) minmax(0,1fr);gap:18px;align-items:start}.group-media-field{min-width:0}.group-image-dropzone{position:relative;width:100%;padding:0;border:1px dashed #38436e;border-radius:17px;overflow:hidden;display:block;background:linear-gradient(145deg,rgba(21,28,70,.9),rgba(9,14,43,.96));color:#aab5d7;cursor:pointer;transition:.18s ease}.group-media-field.is-avatar .group-image-dropzone{aspect-ratio:1}.group-media-field.is-banner .group-image-dropzone{aspect-ratio:16/5}.group-image-dropzone:hover,.group-image-dropzone.is-dragging{border-color:var(--app-lime);background:linear-gradient(145deg,rgba(32,43,83,.94),rgba(14,20,54,.98));box-shadow:0 0 0 3px rgba(217,255,133,.05)}.group-image-dropzone.has-image{border-style:solid;border-color:rgba(143,228,192,.55)}.group-image-dropzone>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.group-media-field.is-avatar .group-image-dropzone>img{border-radius:16px}.group-image-empty{position:absolute;inset:0;padding:15px;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center}.group-image-empty .material-symbols-rounded{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(217,255,133,.1);color:var(--app-lime);font-size:24px}.group-image-empty strong{font:650 13px "Barlow",sans-serif;color:#edf1ff}.group-image-empty small{font-size:12px!important;color:#7f8bb0!important}.group-image-empty[hidden],.group-image-change[hidden],.group-image-dropzone>img[hidden]{display:none}.group-image-change{position:absolute;right:10px;bottom:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,10,31,.76);backdrop-filter:blur(8px);color:#eef1ff;font:650 12px "Barlow",sans-serif}.group-media-field>small{display:block;margin-top:7px}
.group-image-cropper{position:relative;z-index:2;margin-top:12px;padding:14px;border:1px solid #303b66;border-radius:18px;background:#090e2c;box-shadow:0 16px 38px rgba(0,0,0,.3)}.group-image-crop-stage{position:relative;width:100%;overflow:hidden;border-radius:13px;background:#05081d;touch-action:none;cursor:grab}.group-media-field.is-avatar .group-image-crop-stage{aspect-ratio:1}.group-media-field.is-banner .group-image-crop-stage{aspect-ratio:16/5}.group-image-crop-stage.is-dragging{cursor:grabbing}.group-image-crop-stage>img{position:absolute;left:0;top:0;max-width:none;max-height:none;user-select:none;pointer-events:none;transform-origin:0 0}.group-image-crop-frame{position:absolute;inset:0;border:2px solid rgba(217,255,133,.78);border-radius:inherit;box-shadow:inset 0 0 28px rgba(4,7,23,.7);pointer-events:none}.group-image-crop-controls{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.group-image-crop-controls label{margin-right:auto;display:flex;align-items:center;gap:8px;color:#aab5d7;font-size:12px}.group-image-crop-controls input[type=range]{width:min(150px,35vw);accent-color:var(--app-lime)}.group-image-cropper>p{margin:8px 0 0;text-align:center;color:#7480a6;font-size:12px}
@media(max-width:760px){.group-media-grid{grid-template-columns:1fr}.group-media-field.is-avatar .group-image-dropzone{width:min(240px,100%)}.group-media-field.is-avatar .group-image-cropper{max-width:360px}.group-create-close{position:absolute;right:15px;top:17px}.create-group-page .page-heading-row{position:relative;padding-right:58px}.group-image-crop-controls{justify-content:flex-start}.group-image-crop-controls label{width:100%;margin:0}.group-image-crop-controls input[type=range]{flex:1;width:auto}}

/* v1.3.2 Mobile navigation and landing demo */
.demo-step-icon{width:34px;height:34px;border:1px solid rgba(132,150,255,.16);border-radius:11px;display:grid;place-items:center;color:#8795d7;background:rgba(83,100,218,.07);font-size:19px;font-style:normal;transition:.2s ease}.demo-step.is-active .demo-step-icon{border-color:rgba(217,255,133,.28);color:var(--app-lime);background:rgba(217,255,133,.08)}
.settings-section-title>span.material-symbols-rounded{font-size:19px;font-weight:300}.onboarding-step-copy>small.material-symbols-rounded{font-size:18px;font-weight:300}
@media(max-width:820px){
  .app-topbar-v1{column-gap:8px}.app-topbar-v1 .brand{width:auto;min-width:max-content;gap:5px;font-size:12px;letter-spacing:.07em}.app-topbar-v1 .brand span{display:inline!important}.app-topbar-v1 .brand img{width:22px;height:22px}
  .app-topbar-v1 .top-actions{gap:3px}.app-topbar-v1 .notification-bell{display:grid!important;width:36px;height:36px}.app-topbar-v1 .app-user-link{display:flex!important;margin-left:0;padding:0}.app-topbar-v1 .app-user-link>img{display:block;width:36px;height:36px}.app-topbar-v1 .app-user-link span{display:none}.app-topbar-v1 form[data-presence-form]{position:relative;z-index:2;display:flex;margin-left:-14px;margin-right:1px}.app-topbar-v1 .presence-toggle{display:block!important;margin:0!important}
  .account-sidebar-v1 nav a,.account-page .account-sidebar nav a{display:flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;gap:0!important}.account-sidebar-v1 nav a .material-symbols-rounded,.account-page .account-sidebar nav a .material-symbols-rounded{width:100%;height:100%;display:flex;align-items:center;justify-content:center;line-height:1;margin:0}
}
@media(max-width:780px){
  .landing-demo-section{width:calc(100% - 24px);padding:68px 0 78px}.landing-demo-copy h2{font-size:clamp(36px,10vw,43px);line-height:.98}.demo-step-list{display:grid;grid-template-columns:1fr;gap:7px;margin:25px 0 30px;padding:0;overflow:visible}.demo-step{width:100%;min-width:0;flex:none;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:11px 12px;border-color:rgba(132,150,255,.1);background:rgba(81,99,222,.035)}.demo-step-icon{width:32px;height:32px}.demo-step strong{font-size:13px}.demo-step small{font-size:12px}.product-window{width:100%;max-width:100%;margin:0;transform:none}.demo-stage-wrap{width:100%;max-width:100%}
}
@media(max-width:560px){
  .product-app{grid-template-columns:minmax(0,1fr)}.product-sidebar{display:none}.product-main{min-height:520px}.product-app{min-height:520px}.demo-panel{padding:19px 15px}.landing-section-kicker{font-size:12px}.demo-pagination{margin-top:18px}
}
@media(max-width:390px){
  .app-topbar-v1{padding-left:10px;padding-right:10px}.app-topbar-v1 .brand{font-size:12px}.app-topbar-v1 .brand img{width:20px;height:20px}.app-topbar-v1 .notification-bell{width:32px;height:32px}.app-topbar-v1 .app-user-link>img{width:33px;height:33px}
  .landing-demo-section{width:calc(100% - 20px)}.demo-panel{padding-left:11px;padding-right:11px}.taste-card{grid-template-columns:96px minmax(0,1fr);gap:9px}.taste-cover{min-height:285px}
}

/* v1.3.3 Primary actions and circular avatar preview */
.btn-lime{border-color:transparent;background:var(--app-lime,#d9ff85);color:#10152e;box-shadow:0 10px 25px rgba(115,141,57,.12)}
.btn-lime:hover{border-color:transparent;background:#e5ffaa;color:#10152e}
.steam-primary-action .provider-logo{filter:brightness(0)!important;opacity:1}
.avatar-upload-v2{min-width:0;flex-wrap:wrap}
.avatar-upload-v2>img{width:92px;height:92px;min-width:92px;flex:0 0 92px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}
.settings-game-avatars label{width:58px;height:58px;min-width:58px;flex:0 0 58px;aspect-ratio:1/1}
.settings-game-avatars img{display:block;width:58px;height:58px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}

/* v1.3.4 Desktop notifications */
.app-topbar-v1 .notification-bell{display:grid!important;place-items:center}

/* v1.3.5 Social lists and Steam friends */
.social-rail-v1,.mixed-friend-list,.rail-request-list{scrollbar-width:thin;scrollbar-color:rgba(217,255,133,.58) rgba(132,147,255,.07)}
.social-rail-v1::-webkit-scrollbar,.mixed-friend-list::-webkit-scrollbar,.rail-request-list::-webkit-scrollbar{width:7px}
.social-rail-v1::-webkit-scrollbar-track,.mixed-friend-list::-webkit-scrollbar-track,.rail-request-list::-webkit-scrollbar-track{border-radius:999px;background:rgba(132,147,255,.07)}
.social-rail-v1::-webkit-scrollbar-thumb,.mixed-friend-list::-webkit-scrollbar-thumb,.rail-request-list::-webkit-scrollbar-thumb{border:2px solid #080c29;border-radius:999px;background:linear-gradient(180deg,var(--app-lime),#86dec1)}
.social-rail-v1::-webkit-scrollbar-thumb:hover,.mixed-friend-list::-webkit-scrollbar-thumb:hover,.rail-request-list::-webkit-scrollbar-thumb:hover{background:var(--app-lime)}
.mixed-friend-list,.rail-request-list{max-height:360px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:5px}
.external-friend-avatar-strip{display:grid;grid-template-columns:repeat(auto-fill,62px);align-items:center;justify-content:start;gap:8px 3px;min-height:72px;padding:8px 6px;overflow:visible}
.external-friend-avatar-strip>a,.external-friend-avatar-strip>a:first-child{width:62px;height:62px;min-width:0;margin:0}
@media(max-width:520px){.external-friend-avatar-strip{grid-template-columns:repeat(auto-fill,56px);gap:7px 2px}.external-friend-avatar-strip>a,.external-friend-avatar-strip>a:first-child{width:56px;height:56px}.external-friend-avatar-strip>a>img{width:56px;height:56px}}

/* v1.3.6 External friend badges and deduplication */
.external-avatar>.presence-dot{bottom:-3px}
.external-friend-avatar-strip .presence-dot{bottom:0}

/* v1.3.7 - settings refresh */
:root{--app-yellow:#ffd84d;--app-yellow-2:#ffef86;--app-yellow-soft:rgba(255,216,77,.14);--app-yellow-line:rgba(255,216,77,.28)}
.account-page .btn-purple,
.account-page .btn-pink,
.account-page .btn-mint,
.account-page .btn-discord,
.account-page .btn-lime{border-color:transparent;background:linear-gradient(110deg,var(--app-yellow),var(--app-yellow-2));color:#141826;box-shadow:0 10px 25px rgba(255,216,77,.14)}
.account-page .btn-purple:hover,
.account-page .btn-pink:hover,
.account-page .btn-mint:hover,
.account-page .btn-discord:hover,
.account-page .btn-lime:hover{background:linear-gradient(110deg,#ffe067,#fff09d);color:#141826}
.account-page .section-kicker{color:var(--app-yellow)}
.settings-section-title>span{background:rgba(255,216,77,.1)!important;color:var(--app-yellow)!important;border-color:var(--app-yellow-line)!important}
.settings-card{border-radius:24px!important;background:linear-gradient(180deg,rgba(11,16,49,.98),rgba(11,16,48,.96))!important}
.settings-card input,.settings-card textarea,.settings-card select{border-radius:14px!important}
.checkbox-chips input:checked+span{color:#fff6cf;border-color:var(--app-yellow-line);background:linear-gradient(180deg,rgba(255,216,77,.16),rgba(255,216,77,.08));box-shadow:inset 0 0 0 1px rgba(255,216,77,.08)}
.switch-row{padding:14px 16px!important;border-radius:16px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.015)}
.switch-row span{color:#ebefff}
.switch-row i{width:46px;height:25px;background:#293148}
.switch-row i::after{width:19px;height:19px;top:3px;left:3px;background:#8a94ad}
.switch-row input:checked+i{background:rgba(255,216,77,.32)}
.switch-row input:checked+i::after{left:24px;background:var(--app-yellow)}
.profile-media-settings-v2{grid-template-columns:minmax(150px,170px) minmax(0,1fr);gap:20px;align-items:start}
.avatar-upload-hover{position:relative;display:grid;place-items:center;min-height:150px;padding:18px;border:1px solid var(--app-border);border-radius:24px;background:linear-gradient(180deg,rgba(18,24,68,.9),rgba(10,15,45,.96));overflow:hidden;cursor:pointer}
.avatar-upload-hover>img{width:120px!important;height:120px!important;min-width:120px;border-radius:50%;border:3px solid rgba(255,255,255,.12);box-shadow:0 14px 35px rgba(0,0,0,.32)}
.avatar-hover-button{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;border:0;background:rgba(7,10,29,.64);color:#fff;opacity:0;transition:.2s ease;cursor:pointer}
.avatar-hover-button span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(110deg,var(--app-yellow),var(--app-yellow-2));color:#11162d;font-size:32px;line-height:1;box-shadow:0 16px 35px rgba(255,216,77,.22)}
.avatar-hover-button small{font:700 12px "Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff6cf}
.avatar-upload-hover:hover .avatar-hover-button,.avatar-upload-hover:focus-within .avatar-hover-button,.background-upload-hover:hover .background-hover-button,.background-upload-hover:focus-within .background-hover-button{opacity:1}
.background-upload-hover{position:relative;min-height:150px;border-radius:24px;overflow:hidden;border:1px solid var(--app-border);background-size:cover;background-position:center;display:block;cursor:pointer}
.background-upload-hover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,29,.08),rgba(7,10,29,.48))}
.background-hover-button{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:7px;border-radius:0;background:rgba(7,10,29,.45)}
.background-hover-button span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(110deg,var(--app-yellow),var(--app-yellow-2));color:#11162d;font-size:32px;line-height:1}
.background-upload-preview .btn{display:none!important}
.settings-avatar-dropzone{display:none!important}
.profile-media-save{margin-top:4px}
.settings-background-presets input:checked+img{border-color:var(--app-yellow);box-shadow:0 0 0 2px rgba(255,216,77,.14)}
.settings-game-avatars input:checked+img{border-color:var(--app-yellow);box-shadow:0 0 0 3px rgba(255,216,77,.12)}
.connected-settings-flat{gap:0!important;padding-top:8px!important;padding-bottom:8px!important}
.connected-settings-flat>div{padding:18px 0!important;border:0!important;border-bottom:1px solid var(--app-border)!important;border-radius:0!important;background:transparent!important}
.connected-settings-flat>div:last-child{border-bottom:0!important;padding-bottom:6px!important}
.connected-settings-flat>div:first-child{padding-top:6px!important}
.connected-settings-flat .provider-logo{width:30px;height:30px;object-fit:contain}
.connected-settings-flat strong{font-size:13px!important}
.connected-settings-flat small{font-size:12px!important;color:#8793b6!important}
@media(max-width:760px){.profile-media-settings-v2{grid-template-columns:1fr}.avatar-upload-hover{min-height:138px}.background-upload-hover{min-height:138px}}

/* v1.3.8 - settings media live preview and avatar row */
.settings-game-avatars-wide{min-width:0;margin-top:2px}
.settings-game-avatars-wide>span{margin-bottom:10px}
.settings-game-avatars-wide>div{display:grid!important;grid-template-columns:repeat(8,minmax(52px,64px))!important;gap:10px!important;align-items:start}
.settings-game-avatars-wide label{width:64px!important;height:64px!important;min-width:0!important;display:block!important}
.settings-game-avatars-wide img{width:64px!important;height:64px!important;border-radius:50%!important}
.background-upload-hover{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.background-upload-hover:hover{border-color:var(--app-yellow-line);box-shadow:0 0 0 3px rgba(255,216,77,.05)}
.avatar-upload-hover:hover{border-color:var(--app-yellow-line);box-shadow:0 0 0 3px rgba(255,216,77,.05)}
@media(max-width:980px){.settings-game-avatars-wide>div{grid-template-columns:repeat(6,minmax(52px,64px))!important}}
@media(max-width:700px){.settings-game-avatars-wide>div{grid-template-columns:repeat(4,minmax(52px,64px))!important}}
@media(max-width:430px){.settings-game-avatars-wide>div{grid-template-columns:repeat(3,minmax(52px,64px))!important}}

/* v1.3.9 - connected accounts and live presence */
.connections-v2{display:grid;gap:0}.connections-v2 .dashboard-section-head{margin-bottom:2px}.connection-row-v2{min-height:64px;padding:10px 0;border-top:1px solid var(--app-border);display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center}.connection-row-v2>img{width:32px;height:32px;object-fit:contain}.connection-row-v2>span{display:grid;gap:3px}.connection-row-v2 strong{font:650 12px "Barlow",sans-serif}.connection-row-v2 small{color:#8490b3;font:400 12px "Barlow",sans-serif}.connection-row-v2 em{color:#74dfad;font:650 12px "Barlow",sans-serif;font-style:normal}.connection-row-v2 form{margin:0}.connection-row-v2 button,.connection-action-v2{min-height:34px;padding:0 12px;border:1px solid rgba(255,216,77,.28);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,216,77,.08);color:#ffe889;font:700 12px "Barlow",sans-serif;cursor:pointer;transition:.18s ease}.connection-row-v2 button:hover,.connection-action-v2:hover{background:var(--app-yellow,#ffd84d);color:#11162d;border-color:transparent}.connection-row-v2 .on{justify-self:end}
.rail-player-actions a[title*="Discord"]{border-color:rgba(88,101,242,.26)}.rail-player-actions a[title*="Discord"]:hover{background:rgba(88,101,242,.16);border-color:rgba(88,101,242,.48)}.rail-player-actions a[title*="Steamu"]:hover{background:rgba(255,255,255,.07)}
@media(max-width:620px){.connection-row-v2{grid-template-columns:34px minmax(0,1fr)}.connection-row-v2>form,.connection-row-v2>.connection-action-v2,.connection-row-v2>em{grid-column:2;justify-self:start}}

/* v1.3.10 - connected account refresh actions */
.account-page .btn-update-green{border-color:rgba(116,223,173,.34)!important;background:rgba(116,223,173,.12)!important;color:#83e8ba!important;box-shadow:none!important}
.account-page .btn-update-green:hover{border-color:transparent!important;background:#74dfad!important;color:#0d1820!important;box-shadow:0 9px 22px rgba(116,223,173,.14)!important}
.connection-row-v2 button.connection-update-green,.connection-action-v2.connection-update-green{border-color:rgba(116,223,173,.34)!important;background:rgba(116,223,173,.10)!important;color:#7ee4b4!important}
.connection-row-v2 button.connection-update-green:hover,.connection-action-v2.connection-update-green:hover{border-color:transparent!important;background:#74dfad!important;color:#0d1820!important}


/* v1.3.11 - contextual provider logos + linked Discord shortcuts */
/* Steam is white on dark account surfaces. */
.connected-settings .provider-logo[src$="/images/social/steam.png"],
.connection-row-v2>img[src$="/images/social/steam.png"],
.connections-v2 .provider-logo[src$="/images/social/steam.png"]{filter:brightness(0) invert(1)!important;opacity:1}
/* In the friend/chat rail Steam sits on a light button, so keep the original black logo. */
.rail-player-actions .rail-chat-steam{background:#fff!important;border-color:#fff!important}
.rail-player-actions .rail-chat-steam:hover{background:#f4f5f8!important;border-color:#fff!important}
.rail-player-actions .rail-chat-steam img{filter:none!important}
/* Discord gets its own recognizable surface in the rail. */
.rail-player-actions .rail-chat-discord{background:#5865f2!important;border-color:#6672f4!important}
.rail-player-actions .rail-chat-discord:hover{background:#6672f4!important;border-color:#7580ff!important}
.rail-player-actions .rail-chat-discord img{filter:brightness(0) invert(1)!important}
.rail-player-actions .rail-chat-profile{background:rgba(255,255,255,.05);color:#d9e0f5}
.rail-player-actions .rail-chat-profile .material-symbols-rounded{font-size:15px}
/* Provider badge on a white chip always uses the black Steam artwork. */
.external-avatar>b>img{filter:none!important}

/* v1.3.12 - social rail icon cleanup: transparent actions, white glyphs */
.external-avatar>b{
    left:-1px!important;
    bottom:-1px!important;
    width:14px!important;
    height:14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
}
.external-avatar>b>img{
    width:12px!important;
    height:12px!important;
    border-radius:0!important;
    filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.75))!important;
    opacity:1!important;
}
.rail-player-actions a,
.rail-player-actions .rail-chat-steam,
.rail-player-actions .rail-chat-discord,
.rail-player-actions .rail-chat-profile{
    width:24px!important;
    height:24px!important;
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
}
.rail-player-actions .rail-chat-steam:hover,
.rail-player-actions .rail-chat-discord:hover,
.rail-player-actions .rail-chat-profile:hover{
    border-color:transparent!important;
    background:transparent!important;
    opacity:.72;
}
.rail-player-actions .rail-chat-steam img,
.rail-player-actions .rail-chat-discord img{
    width:15px!important;
    height:15px!important;
    filter:brightness(0) invert(1)!important;
    opacity:1!important;
}
.rail-player-actions .rail-chat-profile{
    color:#fff!important;
}

/* v1.3.13 - Steam badge baseline + profile background upload fix */
/* The Steam badge beside an external avatar uses the same visual baseline and size as presence. */
.external-avatar>b{
    left:-1px!important;
    bottom:-3px!important;
    width:10px!important;
    height:10px!important;
    box-sizing:content-box!important;
    border:2px solid #080c28!important;
    border-radius:50%!important;
    background:#111a38!important;
    display:grid!important;
    place-items:center!important;
}
.external-avatar>b>img{
    width:8px!important;
    height:8px!important;
    object-fit:contain!important;
    filter:brightness(0) invert(1)!important;
    opacity:1!important;
}

/* v1.3.14 - spacing, list/grid toggles, library cleanup */
/* Right social rail: rows must breathe and all avatar-like items share one size. */
.social-rail-v1 .rail-list{gap:7px!important}
.social-rail-v1 .rail-player-row,
.social-rail-v1 .rail-group-row,
.social-rail-v1 .rail-request{min-height:54px!important;padding:7px 7px!important}
.social-rail-v1 .rail-player-main>.avatar-with-status,
.social-rail-v1 .rail-player-main>.avatar-with-status>img,
.social-rail-v1 .rail-group-row>img,
.social-rail-v1 .friend-request-stack.compact .friend-request-avatar>a>img{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;border-radius:10px!important;object-fit:cover!important}
.social-rail-v1 .friend-request-stack.compact .friend-request-avatar{height:54px!important;grid-template-columns:minmax(0,1fr) 26px 26px!important;padding:7px!important}
.social-rail-v1 .friend-request-stack.compact .friend-request-avatar>a{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important}
.social-rail-v1 .rail-group-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important}
.social-rail-v1 .rail-player-main{gap:9px!important}

/* Steam badge on an external friend: same footprint/baseline as online presence, thinner rim and larger glyph. */
.external-avatar>b{
    left:-1px!important;
    bottom:-3px!important;
    width:12px!important;
    height:12px!important;
    box-sizing:content-box!important;
    border:1px solid #0d1427!important;
    border-radius:50%!important;
    background:#111a38!important;
}
.external-avatar>b>img{
    width:10px!important;
    height:10px!important;
    filter:brightness(0) invert(1)!important;
}

/* Friends page mirrors the compact chat proportions. */
.social-hub-content .friend-card-grid{row-gap:7px!important}
.social-hub-content .friend-mini-card{min-height:56px!important;padding:7px 0!important}
.social-hub-content .friend-mini-profile{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important}
.social-hub-content .friend-mini-profile .avatar-with-status,
.social-hub-content .friend-mini-profile .avatar-with-status>img{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
.social-hub-content .friend-mini-profile .presence-dot{width:10px!important;height:10px!important;border-width:2px!important;right:-1px!important;bottom:0!important}
.social-hub-content .friend-mini-copy{gap:2px!important}
.social-hub-content .friend-mini-copy strong{font-size:12px!important}
.social-hub-content .friend-mini-copy small{font-size:12px!important}
.social-hub-content .friend-mini-actions>a{width:27px!important;height:27px!important;border-radius:8px!important}
.social-hub-content .friend-mini-actions img{width:14px!important;height:14px!important}
.social-hub-content .friend-mini-actions .friend-challenge-action{width:auto!important;min-width:27px!important;padding:0 8px!important}

/* Player and group display mode toggle. */
.view-mode-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--app-border);border-radius:11px;background:#0b1031}
.view-mode-switch button{width:32px;height:32px;padding:0;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#7f8bb2;cursor:pointer}
.view-mode-switch button:hover{color:#eef1ff;background:rgba(132,147,255,.07)}
.view-mode-switch button.active{background:rgba(217,255,133,.12);color:var(--app-lime)}
.view-mode-switch .material-symbols-rounded{font-size:19px}
.directory-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}

.player-grid.is-list{grid-template-columns:1fr!important;gap:12px!important}
.player-grid.is-list .player-card{aspect-ratio:auto!important;min-height:190px!important;height:auto!important}
.player-grid.is-list .player-card-bg{height:100%!important}
.player-grid.is-list .player-card-content{min-height:190px!important;padding:56px 18px 16px!important;display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(180px,.7fr) minmax(250px,1fr);grid-template-rows:auto auto;column-gap:20px;align-items:end}
.player-grid.is-list .player-card-identity{grid-column:1;grid-row:1/3;align-self:end;margin:0}
.player-grid.is-list .player-now-playing{grid-column:2;grid-row:1;margin:0 0 8px}
.player-grid.is-list .player-card-tags{grid-column:2;grid-row:2;margin:0}
.player-grid.is-list .player-card-reason{grid-column:3;grid-row:1;margin:0 0 8px;align-self:end}
.player-grid.is-list .player-card-actions-v3{grid-column:3;grid-row:2;margin:0}

.group-card-grid.is-list{grid-template-columns:1fr!important;gap:12px!important}
.group-card-grid.is-list .group-card-v1{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:160px}
.group-card-grid.is-list .group-card-banner{height:100%;min-height:160px}
.group-card-grid.is-list .group-card-body{padding:10px 18px 14px}
.group-card-grid.is-list .group-card-avatar{left:-35px;top:18px}
.group-card-grid.is-list .group-card-title{padding-left:45px;min-height:56px}
.group-card-grid.is-list .group-card-body>p{min-height:0;margin:6px 0 10px}
.group-card-grid.is-list .group-member-stack{margin-top:9px}

/* Library cards are slightly shorter and missing artwork gets a proper neutral placeholder. */
.library-grid{gap:13px!important}
.library-game-card{border-radius:16px!important}
.library-cover{aspect-ratio:4/5!important}
.library-image-fallback{display:none!important;place-items:center!important;align-content:center!important;gap:7px!important;background:linear-gradient(145deg,#101630,#0a0f25)!important;color:#6f7c9f!important;font-family:"Barlow",sans-serif!important;font-size:inherit!important;text-align:center}
.library-cover.image-failed .library-image-fallback{display:grid!important}
.library-image-fallback .material-symbols-rounded{font-size:39px;color:#7582a3}
.library-image-fallback small{font:500 12px "Barlow",sans-serif;color:#8995b4}
.library-game-info{padding:11px 12px!important}
.library-game-info h2{font-size:13px!important}
.library-card-actions{margin-top:9px!important}
.library-favorite-form .favorite-button,
.favorites-page .favorite-button{border:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.library-favorite-form .favorite-button:hover,
.favorites-page .favorite-button:hover{background:transparent!important}
.library-favorite-form .favorite-button.active,
.favorites-page .favorite-button.active{background:transparent!important;border:0!important;color:#f2a3cf!important}

/* Exactly seven game-avatar presets per row on desktop; overflow wraps cleanly. */
.settings-game-avatars-wide>div{grid-template-columns:repeat(7,minmax(52px,64px))!important}
@media(max-width:1100px){.settings-game-avatars-wide>div{grid-template-columns:repeat(6,minmax(52px,64px))!important}}
@media(max-width:850px){.settings-game-avatars-wide>div{grid-template-columns:repeat(5,minmax(52px,64px))!important}}
@media(max-width:700px){.settings-game-avatars-wide>div{grid-template-columns:repeat(4,minmax(52px,64px))!important}}
@media(max-width:430px){.settings-game-avatars-wide>div{grid-template-columns:repeat(3,minmax(52px,64px))!important}}

@media(max-width:900px){
    .player-grid.is-list .player-card-content{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:9px!important;padding-top:64px!important}
    .player-grid.is-list .player-card-identity,.player-grid.is-list .player-now-playing,.player-grid.is-list .player-card-tags,.player-grid.is-list .player-card-reason,.player-grid.is-list .player-card-actions-v3{grid-column:1!important;grid-row:auto!important}
    .group-card-grid.is-list .group-card-v1{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:620px){
    .view-mode-switch{display:none}
    .group-card-grid.is-list .group-card-v1{display:block}.group-card-grid.is-list .group-card-banner{height:130px;min-height:130px}.group-card-grid.is-list .group-card-avatar{left:17px;top:-31px}.group-card-grid.is-list .group-card-title{padding-left:75px}
}
.social-hub-content .friend-mini-actions>a[title*="Steamu"],
.social-hub-content .friend-mini-actions>a[title*="Discordu"]{width:24px!important;height:24px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.social-hub-content .friend-mini-actions>a[title*="Steamu"] img,
.social-hub-content .friend-mini-actions>a[title*="Discordu"] img{width:15px!important;height:15px!important;filter:brightness(0) invert(1)!important}
.social-hub-content .friend-mini-actions>a[title*="Steamu"]:hover,
.social-hub-content .friend-mini-actions>a[title*="Discordu"]:hover{background:transparent!important;opacity:.72}

/* v1.3.15 - directory toggle placement, group avatar alignment, player spacing */
.directory-view-tools{
    min-height:50px;
    padding:12px 0 6px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
.directory-view-tools>span{
    color:#7480a8;
    font:800 12px "Barlow",sans-serif;
    letter-spacing:.12em;
}
.groups-directory-v11 .directory-view-tools{border-bottom:0}
.player-view-tools{padding-top:4px;margin-bottom:10px}

/* Matching cards must never touch each other. */
.match-content-v2 .player-grid{
    column-gap:20px!important;
    row-gap:20px!important;
    padding:2px 0 8px;
}
.match-content-v2 .player-grid.is-list{gap:14px!important}
.match-content-v2 .player-card{min-width:0}

/* Group avatar sits lower and never clips into the banner/body seam. */
.groups-directory-v11 .group-card-avatar{
    top:-20px!important;
    left:18px!important;
}
.groups-directory-v11 .group-card-title{
    padding-left:78px!important;
}
.group-card-grid.is-list .group-card-body{position:relative!important}
.group-card-grid.is-list .group-card-avatar{
    left:16px!important;
    top:22px!important;
}
.group-card-grid.is-list .group-card-title{
    padding-left:80px!important;
    min-height:68px!important;
}

/* Steam friends page: only presence state, no provider badge. */
.external-friend-avatar-strip>a{
    margin-left:-10px!important;
}
.external-friend-avatar-strip>a:first-child{margin-left:0!important}
.external-friend-avatar-strip .presence-dot{
    width:10px!important;
    height:10px!important;
    right:0!important;
    bottom:1px!important;
    border-width:2px!important;
    border-color:#080c28!important;
    box-sizing:content-box!important;
}
.external-friend-avatar-strip>a>b{display:none!important}

@media(max-width:620px){
    .directory-view-tools{display:none}
    .groups-directory-v11 .group-card-avatar{top:-18px!important}
}

/* v1.3.16 - Steam friends avatar stack */
.external-friend-avatar-strip{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px 0!important;
    overflow:visible!important;
}
.external-friend-avatar-strip>a,
.external-friend-avatar-strip>a:first-child{
    width:62px!important;
    height:62px!important;
    flex:0 0 62px!important;
    margin-left:0!important;
    margin-right:-10px!important;
    position:relative!important;
}
.external-friend-avatar-strip>a:last-child{margin-right:0!important}
@media(max-width:520px){
    .external-friend-avatar-strip>a,
    .external-friend-avatar-strip>a:first-child{
        width:56px!important;
        height:56px!important;
        flex-basis:56px!important;
        margin-right:-9px!important;
    }
}

/* v1.3.17 - group list avatar must stay completely above the capacity meter */
.group-card-grid.is-list .group-card-body{
    position:relative!important;
    padding-top:8px!important;
}
.group-card-grid.is-list .group-card-avatar{
    left:16px!important;
    top:8px!important;
    width:62px!important;
    height:62px!important;
    margin:0!important;
}
.group-card-grid.is-list .group-card-title{
    min-height:76px!important;
    padding-left:80px!important;
    align-items:center!important;
}
.group-card-grid.is-list .group-capacity-meter{
    clear:both;
    margin-top:2px!important;
}
@media(max-width:620px){
    .group-card-grid.is-list .group-card-avatar{top:8px!important;left:14px!important;width:58px!important;height:58px!important}
    .group-card-grid.is-list .group-card-title{min-height:72px!important;padding-left:74px!important}
}

/* v1.3.18 - card-view group avatar aligned inside content row */
.groups-directory-v11 .group-card-grid:not(.is-list) .group-card-body{
    position:relative!important;
}
.groups-directory-v11 .group-card-grid:not(.is-list) .group-card-avatar{
    left:18px!important;
    top:8px!important;
    width:62px!important;
    height:62px!important;
    margin:0!important;
}
.groups-directory-v11 .group-card-grid:not(.is-list) .group-card-title{
    min-height:76px!important;
    padding-left:78px!important;
    align-items:center!important;
}
@media(max-width:620px){
    .groups-directory-v11 .group-card-grid:not(.is-list) .group-card-avatar{
        left:14px!important;
        top:8px!important;
        width:58px!important;
        height:58px!important;
    }
    .groups-directory-v11 .group-card-grid:not(.is-list) .group-card-title{
        min-height:72px!important;
        padding-left:74px!important;
    }
}

/* v1.3.22 - list view group banner crop fix
   The uploaded group banner is wide (16:5). In list view the old center crop showed
   mostly the intentionally dark middle of the artwork. Keep the crop on the visual
   left side and remove the card-view shade, because list text is outside the image. */
.group-card-grid.is-list .group-card-banner > img{
    object-fit:cover!important;
    object-position:left center!important;
}
.group-card-grid.is-list .group-card-banner::after{
    display:none!important;
}

/* v1.4.0 - groups, LFG, privacy and social hardening */
.group-main-games{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.group-main-games a,.group-detail-tags a{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 9px;font-size:12px;color:#dce4ff;background:rgba(7,11,34,.48)}
.group-game-picker>p{margin:4px 0 12px;color:#8d99bd;font-size:12px}.group-game-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;max-height:310px;overflow:auto;padding-right:5px}.group-game-grid label{position:relative;display:grid;gap:5px;cursor:pointer}.group-game-grid>label>input[type=checkbox]{position:absolute;opacity:0}.group-game-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:2px solid transparent}.group-game-grid label:has(>input[type=checkbox]:checked) img{border-color:#c8ff68}.group-game-grid label>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-game-grid .group-primary-radio{position:absolute;top:5px;right:5px;width:18px;height:18px;accent-color:#c8ff68;z-index:2}.group-game-grid b{display:none;position:absolute;left:5px;top:5px;border-radius:999px;padding:4px 6px;background:#c8ff68;color:#11152d;font-size:12px}.group-game-grid label:has(.group-primary-radio:checked) b{display:block}
.group-invite-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--app-border)}.group-invite-panel h3{margin:0;font-size:14px}.group-invite-panel>p{color:#8591b5;font-size:12px}.group-invite-panel>div{display:grid;gap:7px}.group-invite-panel form{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:12px;background:rgba(255,255,255,.025)}.group-invite-panel img{width:34px;height:34px;border-radius:50%;object-fit:cover}.group-invite-panel span{font-size:12px}.group-member-admin-row{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.group-member-admin-row>a{border:0!important}.group-member-actions button{border:0;background:transparent;color:#9da7c6;font-size:20px;cursor:pointer}.group-member-actions button:hover{color:#ff9d9d}
.group-calendar{margin-top:18px}.group-event-list{display:grid;gap:9px}.group-event-list article{display:grid;grid-template-columns:74px 1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--app-border);border-radius:15px}.event-date{display:grid;justify-items:center;border-right:1px solid var(--app-border)}.event-date strong{font-size:15px}.event-date span{color:#c8ff68;font-size:12px}.group-event-list article>span strong{display:block;font-size:13px}.group-event-list article>span small{font-size:12px;color:#8995b7}.group-event-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--app-border)}.group-event-form .full{grid-column:1/-1}.group-transfer-panel{margin-top:18px}.group-transfer-panel form{display:flex;gap:10px;margin-top:10px}.group-transfer-panel select{min-width:220px}.danger-zone{margin-top:30px;padding:20px;border:1px solid rgba(255,110,110,.22);border-radius:18px}.danger-zone strong{font-size:14px}.danger-zone p{font-size:12px;color:#8e9ab9}
.lfg-page{max-width:1180px}.lfg-filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0 24px;padding:14px;border:1px solid var(--app-border);border-radius:17px;background:rgba(12,17,51,.72)}.lfg-filter-bar label{display:grid;gap:5px;font-size:12px;color:#8995b8}.lfg-filter-bar input,.lfg-filter-bar select{min-height:38px}.lfg-list{display:grid;gap:12px}.lfg-card{display:grid;grid-template-columns:80px 92px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--app-border);border-radius:20px;background:#0b1033}.lfg-time{display:grid;text-align:center;gap:2px}.lfg-time strong{font-size:12px;color:#c8ff68}.lfg-time span{font:400 26px/1 "Barlow Condensed",sans-serif}.lfg-time small{font-size:12px;color:#7f8baa}.lfg-game-cover{width:92px;height:116px;object-fit:cover;border-radius:13px}.lfg-copy h2{margin:3px 0 5px;font-size:18px}.lfg-copy p{margin:0 0 8px;color:#8f9bbc;font-size:12px}.lfg-tags{display:flex;gap:6px;flex-wrap:wrap}.lfg-tags span{padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:12px}.lfg-capacity{display:grid;justify-items:end;gap:6px}.lfg-capacity>strong{font:400 24px "Barlow Condensed",sans-serif}.lfg-capacity>small{font-size:12px;color:#8894b4}.game-social-discovery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px auto;max-width:1280px;padding:0 20px}.game-social-column{border:1px solid var(--line);border-radius:20px;background:#0d1428;padding:18px}.game-social-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.game-social-row img{width:46px;height:46px;border-radius:12px;object-fit:cover}.game-social-row strong{display:block;font-size:12px}.game-social-row small{display:block;font-size:12px;color:#8c98b5}.game-social-row b{font-size:12px;color:#c8ff68}
.match-detail-grid>.two-cols{margin-top:10px}.compact-switch{align-self:end;min-height:48px}.player-safety-menu{max-width:1100px;margin:12px auto;border-top:1px solid var(--line);padding-top:12px}.player-safety-menu summary{cursor:pointer;color:#8e9bb7;font-size:12px}.player-safety-menu>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.report-player-form{display:flex;gap:8px;flex-wrap:wrap}.report-player-form select,.report-player-form input{min-height:38px;background:#0b1125;color:#e8ecf7;border:1px solid var(--line);border-radius:10px;padding:0 10px}.friend-remove-inline button{border:0;background:transparent;color:#8b96b3;cursor:pointer}.friend-remove-inline button:hover{color:#ff9b9b}.accepted-game-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.accepted-game-actions img{width:16px;height:16px;object-fit:contain}.accepted-game-row{align-items:center}
@media(max-width:1050px){.group-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lfg-card{grid-template-columns:70px 78px 1fr}.lfg-capacity{grid-column:2/-1;display:flex;justify-content:flex-end;align-items:center}.game-social-discovery{grid-template-columns:1fr}.group-event-form{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.group-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lfg-card{grid-template-columns:64px 1fr}.lfg-game-cover{display:none}.lfg-capacity{grid-column:1/-1}.group-event-list article{grid-template-columns:60px 1fr}.group-event-list article>a,.group-event-list article>form{grid-column:2}.group-event-form{grid-template-columns:1fr}.game-social-discovery{padding:0}.accepted-game-actions{justify-content:flex-start}}
.rail-chat-call{display:grid;place-items:center;width:24px;height:24px;color:#edf1ff;background:transparent;border:0}.rail-chat-call .material-symbols-rounded{font-size:17px}

/* v1.4.1 - modern LFG filters, EXP recurrence gate and player context menu */
.lfg-filter-modern{padding:16px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(13,19,57,.96),rgba(9,14,43,.96))!important;gap:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.lfg-filter-modern .lfg-filter-control{min-width:190px;gap:7px!important;text-transform:uppercase;letter-spacing:.06em;color:#7f8eb6!important}
.lfg-filter-modern .lfg-filter-control>div{position:relative;display:flex;align-items:center;min-height:50px;border:1px solid rgba(133,149,211,.2);border-radius:16px;background:#0b1031;overflow:hidden;transition:.2s ease}
.lfg-filter-modern .lfg-filter-control>div:focus-within{border-color:rgba(200,255,104,.48);box-shadow:0 0 0 3px rgba(200,255,104,.06)}
.lfg-filter-modern .lfg-filter-control>div>.material-symbols-rounded:first-child{margin-left:14px;color:#99a8d0;font-size:20px}
.lfg-filter-modern input,.lfg-filter-modern select{min-height:50px!important;width:100%;border:0!important;background:transparent!important;color:#eef2ff!important;padding:0 14px!important;outline:0!important;appearance:none}
.lfg-filter-modern input[type=date]{color-scheme:dark}
.lfg-filter-modern .select-chevron{position:absolute;right:12px;pointer-events:none;color:#93a0c6;font-size:19px}
.lfg-filter-submit{min-height:50px!important;border-radius:16px!important;padding:0 20px!important;display:inline-flex;align-items:center;gap:8px}.lfg-filter-submit .material-symbols-rounded{font-size:18px}
.lfg-filter-reset{min-height:50px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:#9aa8cc;font-size:12px}.lfg-filter-reset:hover{color:#fff}.lfg-filter-reset .material-symbols-rounded{font-size:16px}
.recurring-session-field small{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:12px}.exp-lock{color:#ffcf76}.exp-lock .material-symbols-rounded{font-size:14px}.exp-unlocked{color:#86e9c2}.exp-unlocked .material-symbols-rounded{font-size:14px}.recurring-session-field select:disabled{opacity:.55;cursor:not-allowed}

.player-context-menu{position:fixed;z-index:99999;width:270px;max-height:min(680px,calc(100vh - 20px));overflow:auto;border:1px solid rgba(134,150,209,.24);border-radius:16px;background:rgba(8,13,36,.985);box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);padding:8px;color:#edf1ff}
.player-context-menu[hidden]{display:none!important}.player-context-head{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:8px 9px 10px}.player-context-head>img{width:40px;height:40px;border-radius:12px;object-fit:cover}.player-context-head strong{display:block;font-size:13px}.player-context-head small{display:block;margin-top:2px;font-size:12px;color:#80ddbc}.player-context-actions{display:grid}.player-context-actions>a,.player-context-actions>button,.player-context-submenu>a,.player-context-submenu>button[data-context-group-invite]{width:100%;min-height:38px;display:flex;align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;color:#dfe5f6;text-align:left;padding:0 10px;font:500 12px "Barlow",sans-serif;cursor:pointer}.player-context-actions>a:hover,.player-context-actions>button:hover,.player-context-submenu>a:hover,.player-context-submenu>button[data-context-group-invite]:hover{background:rgba(135,150,211,.1);color:#fff}.player-context-actions .material-symbols-rounded{font-size:18px;color:#9ba9ce}.player-context-actions img{width:18px;height:18px;object-fit:contain}.player-context-actions button>i{margin-left:auto;font-style:normal;color:#7f8db2}.player-context-separator{height:1px;background:rgba(255,255,255,.07);margin:6px 4px}.player-context-actions .danger{color:#ffaaaa}.player-context-actions .danger .material-symbols-rounded{color:#ff9696}
.player-context-submenu{display:grid}.player-context-submenu[hidden]{display:none}.player-context-subhead{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:4px;padding:4px 4px 8px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:5px}.player-context-subhead button{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#dfe5f6;cursor:pointer;font-size:20px}.player-context-subhead button:hover{background:rgba(255,255,255,.07)}.player-context-subhead strong{font-size:12px}.player-context-submenu>p,.context-help{padding:10px;color:#8794b7;font-size:12px;line-height:1.45}.player-context-submenu>button[data-context-group-invite]{display:grid;grid-template-columns:34px 1fr;align-items:center}.context-group-avatar img{width:30px;height:30px;border-radius:9px;object-fit:cover}.player-context-submenu>button span:last-child strong,.player-context-submenu>button span:last-child small{display:block}.player-context-submenu>button span:last-child strong{font-size:12px}.player-context-submenu>button span:last-child small{font-size:12px;color:#8290b4}
[data-player-context="1"]{cursor:context-menu}
@media(max-width:720px){.lfg-filter-modern{align-items:stretch!important}.lfg-filter-modern .lfg-filter-control{min-width:100%;width:100%}.lfg-filter-submit{width:100%;justify-content:center}.player-context-menu{width:min(290px,calc(100vw - 20px))}}

/* v1.4.2 - LIVE hraní */
.live-page{max-width:1220px}
.live-heading{align-items:center}.live-heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.live-counter{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#aeb9d5;font-size:12px;background:rgba(255,255,255,.02)}.live-counter i,.live-badge i{width:8px;height:8px;border-radius:50%;background:#76edb7;box-shadow:0 0 0 4px rgba(118,237,183,.08),0 0 18px rgba(118,237,183,.45)}
.my-live-session{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px;padding:18px 20px;border:1px solid rgba(118,237,183,.22);border-radius:22px;background:linear-gradient(100deg,rgba(24,73,63,.24),rgba(12,18,50,.94))}.my-live-copy h2{margin:8px 0 3px;font:400 25px/1 "Barlow Condensed",sans-serif}.my-live-copy p{margin:0;color:#95a2c3;font-size:12px}.my-live-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.live-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 9px;border-radius:999px;background:rgba(118,237,183,.1);color:#84efbf;font-size:12px;font-weight:700;letter-spacing:.08em}.btn-danger-soft{border:1px solid rgba(255,113,136,.24)!important;background:rgba(255,113,136,.08)!important;color:#ff9caf!important}.btn-danger-soft:hover{background:rgba(255,113,136,.15)!important}
.live-discovery-block{padding:28px 0;border-top:1px solid var(--app-border)}.live-current-block{border-top:0;padding-top:6px}.live-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.live-section-head h2{margin:4px 0 4px;font:400 29px/1 "Barlow Condensed",sans-serif}.live-section-head p{margin:0;color:#8e9abc;font-size:12px}.live-section-head p strong{color:#e8edfb}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.live-play-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:210px;border:1px solid var(--app-border);border-radius:22px;overflow:hidden;background:#0b1031;transition:transform .18s ease,border-color .18s ease}.live-play-card:hover{transform:translateY(-1px);border-color:rgba(152,169,226,.3)}.live-play-game{position:relative;min-height:100%;overflow:hidden}.live-play-game:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(11,16,49,.1) 70%,rgba(11,16,49,.86) 100%)}.live-play-game>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-play-game .live-badge{position:absolute;z-index:2;top:12px;left:12px;background:rgba(5,13,24,.82);backdrop-filter:blur(8px)}.live-play-body{display:grid;align-content:start;gap:13px;padding:15px 16px 15px 11px}.live-play-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-player{display:flex;align-items:center;gap:9px;min-width:0}.live-player .avatar-with-status img{width:38px;height:38px;border-radius:12px;object-fit:cover}.live-player strong{display:block;color:#eef2fd;font-size:13px}.live-player small{display:block;color:#7f8cab;font-size:12px;margin-top:2px}.live-match-score{padding:6px 9px;border-radius:999px;background:#c8ff68;color:#101528;font-size:12px;font-weight:700;white-space:nowrap}.live-play-title{display:flex;justify-content:space-between;gap:14px}.live-play-title h3{margin:0 0 4px;font-size:18px}.live-play-title p{margin:0;max-width:420px;color:#8f9bbc;font-size:12px;line-height:1.5}.live-slots{text-align:right;white-space:nowrap}.live-slots strong{display:block;font:400 28px/1 "Barlow Condensed",sans-serif;color:#c8ff68}.live-slots span{display:block;color:#7f8baa;font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-top:3px}.live-play-tags{display:flex;gap:6px;flex-wrap:wrap}.live-play-tags>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#aeb8d2;font-size:12px}.live-play-tags .material-symbols-rounded{font-size:13px}.live-play-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto}.live-play-actions form{margin:0}.live-play-actions .btn{min-height:34px}.live-steam-profile img{width:17px;height:17px;object-fit:contain}
.live-owned-games{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;margin-bottom:4px;scrollbar-width:thin}.live-owned-games a{flex:0 0 150px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid var(--app-border);border-radius:14px;background:rgba(255,255,255,.018);color:#aeb8d2}.live-owned-games a.active{border-color:rgba(200,255,104,.45);background:rgba(200,255,104,.06);color:#eaf8ce}.live-owned-games img{width:44px;height:34px;border-radius:8px;object-fit:cover}.live-owned-games span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.live-empty{display:flex;align-items:center;gap:12px;min-height:90px;padding:16px;border:1px dashed rgba(149,164,216,.18);border-radius:18px;color:#8f9bbc}.live-empty.compact{min-height:72px}.live-empty>.material-symbols-rounded{font-size:26px;color:#7283bc}.live-empty strong{display:block;color:#b9c3dc;font-size:12px}.live-empty small{display:block;margin-top:3px;font-size:12px}.live-match-head{align-items:center}.live-game-filter{position:relative;display:flex;align-items:center;min-width:260px;height:48px;border:1px solid rgba(137,151,204,.22);border-radius:16px;background:#0b1031;overflow:hidden}.live-game-filter>span:first-child{margin-left:13px;color:#8f9cc3;font-size:18px}.live-game-filter select{width:100%;height:100%;padding:0 38px 0 10px;border:0;background:transparent;color:#e9eefc;appearance:none;outline:0;font-size:12px}.live-game-filter .chevron{position:absolute;right:11px;color:#8f9cc3;pointer-events:none;font-size:18px}
.live-current-game-create{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;margin-bottom:18px;border:1px solid rgba(118,237,183,.18);border-radius:20px;overflow:hidden;background:rgba(118,237,183,.04)}.live-current-game-create>img{width:150px;height:92px;object-fit:cover}.live-current-game-create>div{display:grid;gap:5px}.live-current-game-create strong{font-size:17px}.live-current-game-create small{color:#8996b6;font-size:12px}.live-create-form{margin-top:0}.live-player-count>div{display:flex;gap:8px;flex-wrap:wrap}.live-player-count label{cursor:pointer}.live-player-count input{position:absolute;opacity:0;pointer-events:none}.live-player-count label span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--app-border);border-radius:14px;background:#0b1031;color:#aeb8d2;font-weight:700}.live-player-count input:checked+span{border-color:#c8ff68;background:#c8ff68;color:#111629}.live-player-count>small{display:block;margin-top:8px;color:#7f8bad;font-size:12px}.live-create-note{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(200,255,104,.15);border-radius:16px;background:rgba(200,255,104,.045)}.live-create-note>.material-symbols-rounded{color:#c8ff68}.live-create-note strong{display:block;font-size:12px}.live-create-note small{display:block;margin-top:3px;color:#8491b0;font-size:12px}
@media(max-width:1040px){.live-grid{grid-template-columns:1fr}.live-play-card{grid-template-columns:135px 1fr}.live-section-head{align-items:flex-start;flex-direction:column}.live-match-head{align-items:stretch}.live-game-filter{width:100%}}
@media(max-width:720px){.live-heading-actions,.my-live-session{align-items:stretch;flex-direction:column}.live-heading-actions .btn{width:100%}.live-play-card{grid-template-columns:1fr}.live-play-game{min-height:150px}.live-play-game:after{background:linear-gradient(180deg,transparent 35%,rgba(11,16,49,.08) 65%,#0b1031 100%)}.live-play-body{padding:13px}.live-current-game-create{grid-template-columns:1fr}.live-current-game-create>img{width:100%;height:130px}.live-current-game-create>div{padding:0 14px 14px}.live-game-filter{min-width:0}.live-play-actions .btn{flex:1}.live-play-actions form{display:flex;flex:1}.live-play-actions form .btn{width:100%}}


/* v1.4.4 - LIVE stop action + owned games wrapping */
.live-owned-games{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
    gap:9px!important;
    overflow:visible!important;
    padding:0 0 12px!important;
    margin-bottom:4px!important;
}
.live-owned-games a{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
}
.live-owned-games img{width:46px!important;height:36px!important}
.live-owned-games span{min-width:0!important}
@media(max-width:720px){
    .live-owned-games{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
    .live-owned-games{grid-template-columns:1fr!important}
}

/* v1.4.8 - Steam logo on dark authentication buttons */
.auth-page-v2 .oauth-button.steam .provider-logo,
.landing-auth-form .oauth-button.steam .provider-logo,
.auth-provider-proof img[src$="/images/social/steam.png"]{
    filter:none!important;
    opacity:1!important;
}

/* v1.5.0 - LIVE notifications, watched games and game requests */
.live-rail-block{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--app-border)}
.live-rail-title>div{gap:9px}.live-rail-title .live-dot{width:9px;height:9px;border-radius:50%;background:#76edb7;box-shadow:0 0 0 4px rgba(118,237,183,.08),0 0 18px rgba(118,237,183,.45)}
.live-rail-title h2{color:#8ff0c4;letter-spacing:.08em}.live-rail-title>a .material-symbols-rounded{font-size:16px;color:#a8b3d7}
.rail-live-own{display:grid;grid-template-columns:48px minmax(0,1fr) 25px;align-items:center;gap:9px;margin:10px 0 8px;padding:8px;border:1px solid rgba(118,237,183,.18);border-radius:13px;background:linear-gradient(110deg,rgba(118,237,183,.08),rgba(255,255,255,.015))}
.rail-live-own>img{width:48px;height:42px;border-radius:9px;object-fit:cover}.rail-live-own>span{min-width:0;display:grid;gap:1px}.rail-live-own small{font-size:12px;letter-spacing:.08em;color:#76edb7}.rail-live-own strong{font-size:12px;color:#eef2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-live-own em{font-style:normal;font-size:12px;color:#8490b1}.rail-live-own>a{width:25px;height:25px;border:1px solid var(--app-border);border-radius:8px;display:grid;place-items:center;color:#8592b6}.rail-live-own>a span{font-size:16px}
.rail-live-activity{display:grid;gap:5px}.rail-live-row{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:6px;border-radius:11px}.rail-live-row:hover{background:rgba(118,237,183,.045)}.rail-live-avatar{position:relative;width:34px;height:34px}.rail-live-avatar img{width:34px;height:34px;border-radius:10px;object-fit:cover}.rail-live-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #080c29;border-radius:50%;background:#76edb7}.rail-live-row>span{min-width:0;display:grid;gap:2px}.rail-live-row strong{font-size:12px;color:#edf1ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-live-row small{font-size:12px;color:#7f8bab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-live-row>a,.rail-live-row button{width:26px;height:26px;border:1px solid rgba(118,237,183,.16);border-radius:8px;display:grid;place-items:center;background:rgba(118,237,183,.06);color:#8ceac0;cursor:pointer}.rail-live-row button .material-symbols-rounded,.rail-live-row>a .material-symbols-rounded{font-size:16px}
.notification-item-live{grid-template-columns:42px minmax(0,1fr) auto}.notification-live-avatar{position:relative;width:42px;height:42px}.notification-live-avatar img{width:42px!important;height:42px!important;border-radius:12px!important;object-fit:cover}.notification-live-avatar b{position:absolute;left:3px;bottom:2px;padding:2px 4px;border-radius:5px;background:#76edb7;color:#0b1420;font-size:12px;letter-spacing:.08em}.notification-live-join,.notification-live-open{margin-left:auto}.notification-live-open{width:28px;height:28px;border:1px solid var(--app-border);border-radius:8px;display:grid;place-items:center;color:#91a0c6}.notification-live-open .material-symbols-rounded{font-size:17px}
.game-request-box{margin:10px 0 18px;border:1px solid rgba(255,216,77,.14);border-radius:16px;background:rgba(255,216,77,.025);overflow:hidden}.game-request-box summary{display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:9px;min-height:58px;padding:10px 13px;list-style:none;cursor:pointer}.game-request-box summary::-webkit-details-marker{display:none}.game-request-box summary>.material-symbols-rounded:first-child{color:var(--app-yellow);font-size:21px}.game-request-box summary>.material-symbols-rounded:last-child{color:#8491b2;font-size:18px;transition:transform .18s ease}.game-request-box[open] summary>.material-symbols-rounded:last-child{transform:rotate(180deg)}.game-request-box summary>span:nth-child(2){display:grid;gap:2px}.game-request-box summary strong{font-size:12px;color:#eef2ff}.game-request-box summary small{font-size:12px;color:#8793b3}.game-request-box>form{display:grid;gap:9px;padding:0 13px 13px}.game-request-box>form>div{display:grid;grid-template-columns:2fr 1fr;gap:9px}.game-request-box label{display:grid;gap:5px;font-size:12px;color:#8d99b8}.game-request-box label small{font-size:12px;color:#697695}.game-request-box input{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--app-border);border-radius:11px;background:#0b1031;color:#edf1ff;outline:0}.game-request-box input:focus{border-color:rgba(255,216,77,.36)}.game-request-box .btn{justify-self:start}.live-create-game-request{margin-top:18px}
.live-link-required{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid rgba(255,216,77,.18);border-radius:22px;background:linear-gradient(110deg,rgba(255,216,77,.06),rgba(12,18,50,.94))}.live-link-required-icon{width:72px;height:72px;border-radius:19px;display:grid;place-items:center;background:rgba(255,216,77,.08);color:var(--app-yellow)}.live-link-required-icon .material-symbols-rounded{font-size:31px}.live-link-required h2{margin:8px 0 5px;font:400 25px/1 "Barlow Condensed",sans-serif}.live-link-required p{margin:0;max-width:650px;color:#8e9abc;font-size:12px;line-height:1.55}
.admin-game-requests-page{max-width:1120px}.admin-request-list{display:grid;gap:10px}.admin-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px;border:1px solid var(--app-border);border-radius:18px;background:#0b1031}.admin-request-card.status-pending{border-color:rgba(255,216,77,.16)}.admin-request-card.status-approved{border-color:rgba(118,237,183,.17)}.admin-request-card.status-rejected{border-color:rgba(255,113,136,.15)}.admin-request-main h2{margin:6px 0 3px;font:400 22px/1 "Barlow Condensed",sans-serif}.admin-request-main p{margin:0;color:#8591b2;font-size:12px}.admin-request-main>small{display:block;margin-top:7px;color:#9aa6c5;font-size:12px}.admin-request-main blockquote{margin:9px 0 0;padding:9px 11px;border-left:2px solid rgba(255,216,77,.3);background:rgba(255,255,255,.02);color:#aeb7cf;font-size:12px}.admin-request-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(255,216,77,.08);color:var(--app-yellow);font-size:12px;letter-spacing:.08em}.status-approved .admin-request-status{background:rgba(118,237,183,.08);color:#76edb7}.status-rejected .admin-request-status{background:rgba(255,113,136,.08);color:#ff9caf}.admin-request-card>form{display:flex;align-items:center;gap:8px}.admin-request-card select{min-height:38px;padding:0 30px 0 10px;border:1px solid var(--app-border);border-radius:11px;background:#0d1438;color:#e9eefc}.admin-pagination{margin-top:18px}
@media(max-width:720px){.game-request-box>form>div{grid-template-columns:1fr}.live-link-required{grid-template-columns:1fr}.live-link-required .btn{width:100%}.admin-request-card{grid-template-columns:1fr}.admin-request-card>form{align-items:stretch;flex-direction:column}.admin-request-card>form .btn{width:100%}}

/* v1.5.2 - LIVE party actions, leave, messaging, friends and Steam join */
.rail-live-party-members{display:grid;gap:5px;margin:7px 0 10px;padding:7px;border:1px solid rgba(118,237,183,.11);border-radius:12px;background:rgba(118,237,183,.025)}
.rail-live-kicker{padding:1px 3px 3px;color:#7e8baa;font-size:12px;letter-spacing:.09em}
.rail-live-member{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px;border-radius:9px}.rail-live-member:hover{background:rgba(255,255,255,.025)}
.rail-live-member-main{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;min-width:0}.rail-live-member-main>img{width:30px;height:30px;border-radius:9px;object-fit:cover}.rail-live-member-main>span{min-width:0;display:grid}.rail-live-member-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-live-member-main small{font-size:12px;color:#7581a1}
.rail-live-member-actions{display:flex;align-items:center;gap:3px}.rail-live-member-actions form{margin:0}.rail-live-member-actions a,.rail-live-member-actions button{width:24px;height:24px;padding:0;border:1px solid var(--app-border);border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.025);color:#b8c3e1;cursor:pointer}.rail-live-member-actions img{width:13px;height:13px;object-fit:contain}.rail-live-member-actions .material-symbols-rounded{font-size:14px}.rail-live-member-actions .rail-live-steam{background:#fff;border-color:#fff}.rail-live-member-actions .rail-live-discord{background:#5865f2;border-color:#6672f4}.rail-live-member-actions .rail-live-discord img{filter:brightness(0) invert(1)}
.rail-live-joined{display:grid;gap:7px;margin:9px 0;padding:9px;border:1px solid rgba(200,255,104,.15);border-radius:14px;background:linear-gradient(135deg,rgba(200,255,104,.055),rgba(118,237,183,.025))}.rail-live-joined-game{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px}.rail-live-joined-game>img{width:48px;height:38px;border-radius:9px;object-fit:cover}.rail-live-joined-game>span,.rail-live-host>span{min-width:0;display:grid;gap:1px}.rail-live-joined-game small{font-size:12px;color:#c8ff68;letter-spacing:.09em}.rail-live-joined-game strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-live-host{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:5px;border-radius:9px;background:rgba(7,12,35,.5)}.rail-live-host>img{width:30px;height:30px;border-radius:9px;object-fit:cover}.rail-live-host small{font-size:12px;color:#74809f;letter-spacing:.06em}.rail-live-host strong{font-size:12px}.rail-live-host>.material-symbols-rounded{font-size:16px;color:#7f8bab}
.rail-live-party-actions{display:flex;flex-wrap:wrap;gap:4px}.rail-live-party-actions form{margin:0;display:flex}.rail-party-action{min-height:27px;padding:0 7px;border:1px solid var(--app-border);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.025);color:#cbd4ec;font-size:12px;font-weight:700;cursor:pointer}.rail-party-action img{width:12px;height:12px;object-fit:contain}.rail-party-action .material-symbols-rounded{font-size:13px}.rail-party-action.steam{background:#fff;border-color:#fff;color:#12182b}.rail-party-action.discord{background:#5865f2;border-color:#6672f4;color:#fff}.rail-party-action.discord img{filter:brightness(0) invert(1)}.rail-party-action.join{background:#c8ff68;border-color:#c8ff68;color:#111629}.rail-party-action.leave{border-color:rgba(255,113,136,.17);color:#ff9caf;background:rgba(255,113,136,.04)}
.live-play-actions .material-symbols-rounded{font-size:17px}.live-play-actions .live-steam-join img{width:17px;height:17px;object-fit:contain}.btn-danger-soft{color:#ff9caf;background:rgba(255,113,136,.055);border-color:rgba(255,113,136,.16)}
/* Steam mark contrast: dark surfaces use the native white mark, light rail/join buttons use black. */
.rail-player-actions .rail-chat-steam img,.rail-live-member-actions .rail-live-steam img,.rail-party-action.steam img,.rail-party-action.join img,.live-play-actions .live-steam-join img{filter:brightness(0)!important}
.live-play-actions .live-steam-profile img{filter:none!important}

/* GROUPFINDER v1.5.3 - Party experience */
.rail-party-live-label{font-size:12px;font-weight:800;letter-spacing:.11em;color:#76edb7;border:1px solid rgba(118,237,183,.22);background:rgba(118,237,183,.08);border-radius:999px;padding:3px 6px;margin-left:3px}.live-rail-title>div{align-items:center}.rail-open-party{display:flex;align-items:center;justify-content:center;gap:6px;min-height:31px;margin:6px 0 10px;border:1px solid rgba(200,255,104,.16);border-radius:9px;background:rgba(200,255,104,.05);color:#d8ff94;font-size:12px;font-weight:750}.rail-open-party .material-symbols-rounded{font-size:14px}
.party-card-label{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:9px;background:rgba(7,11,34,.75);backdrop-filter:blur(8px);font-size:12px;font-weight:900;letter-spacing:.08em;color:#eef3ff}.party-card-label .live-badge{position:static}.party-inline-title{display:inline-flex;align-items:center;gap:7px;color:#9aa6c4;font-size:12px;font-weight:800;letter-spacing:.08em}.party-inline-title .live-badge{position:static}
.party-detail-page{display:flex;flex-direction:column;gap:18px}.party-detail-hero{position:relative;min-height:285px;border:1px solid var(--app-border);border-radius:22px;overflow:hidden;background-image:var(--party-bg);background-position:center;background-size:cover;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px}.party-detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,31,.97) 0%,rgba(6,10,31,.82) 42%,rgba(6,10,31,.35) 75%,rgba(6,10,31,.7) 100%),linear-gradient(0deg,rgba(6,10,31,.9),transparent 70%)}.party-detail-copy,.party-detail-actions{position:relative;z-index:1}.party-detail-copy{max-width:680px}.party-detail-kickers{display:flex;align-items:center;gap:8px;margin-bottom:8px}.party-detail-kickers>span{font-size:12px;font-weight:900;letter-spacing:.14em;color:#dce4fb}.party-detail-kickers .live-badge{position:static}.party-detail-copy h1{margin:0;font:700 clamp(34px,5vw,58px)/.95 "Barlow Condensed",sans-serif;letter-spacing:.01em;color:#f6f8ff}.party-detail-copy>p{margin:12px 0 0;max-width:620px;color:#aeb9d5;font-size:13px;line-height:1.55}.party-detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.party-detail-meta>span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(5,10,32,.45);color:#c4cde3;font-size:12px}.party-detail-meta .material-symbols-rounded{font-size:14px}.party-detail-meta .party-state{font-weight:800}.party-state-waiting{color:#c8ff68!important;border-color:rgba(200,255,104,.24)!important}.party-state-playing{color:#76edb7!important;border-color:rgba(118,237,183,.25)!important}.party-state-finished{color:#a4aec8!important}.party-detail-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:185px}.party-detail-actions form,.party-detail-actions .btn{width:100%}.party-host-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border:1px solid rgba(200,255,104,.12);border-radius:17px;background:linear-gradient(110deg,rgba(200,255,104,.045),rgba(118,237,183,.025))}.party-host-controls h2,.party-panel h2,.party-connect-strip h2,.party-feedback-section h2{margin:3px 0 4px;font-size:18px}.party-host-controls p,.party-connect-strip p,.party-feedback-section p{margin:0;color:#8793b1;font-size:12px}.party-host-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.party-host-buttons form{margin:0}.party-detail-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(360px,1.22fr);gap:16px}.party-panel{border:1px solid var(--app-border);border-radius:18px;background:rgba(8,13,42,.74);overflow:hidden}.party-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--app-border)}.party-panel-head>span{font-size:12px;color:#8b97b7}.party-members-list{display:grid;padding:8px}.party-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px;border-radius:12px}.party-member-row:hover{background:rgba(255,255,255,.025)}.party-member-main{display:flex;align-items:center;gap:9px;min-width:0}.party-member-main .avatar-with-status img{width:39px;height:39px;border-radius:11px;object-fit:cover}.party-member-main>span:last-child{min-width:0}.party-member-main strong{display:block;font-size:12px;color:#eef2fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-member-main small{display:block;margin-top:2px;font-size:12px;color:#7f8baa}.ready-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#7e8aaa;font-size:12px;font-weight:800}.ready-pill .material-symbols-rounded{font-size:12px}.ready-pill.is-ready{color:#c8ff68;border-color:rgba(200,255,104,.22);background:rgba(200,255,104,.055)}.party-member-actions{display:flex;gap:4px}.party-member-actions form{margin:0}.party-member-actions a,.party-member-actions button{width:27px;height:27px;padding:0;border:1px solid var(--app-border);border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer;color:#8793b3}.party-member-actions img{width:14px;height:14px;object-fit:contain;filter:brightness(0)}.party-member-actions a.discord{background:#5865f2;border-color:#6672f4}.party-member-actions a.discord img{filter:brightness(0) invert(1)}.party-member-actions button{background:rgba(255,255,255,.025)}.party-member-actions button .material-symbols-rounded{font-size:15px}.party-invite-box{margin:8px;padding:11px;border-top:1px solid var(--app-border);display:grid;gap:7px}.party-invite-box>div:first-child{display:grid;gap:2px}.party-invite-box>div:first-child strong{font-size:12px}.party-invite-box>div:first-child small{font-size:12px;color:#7581a0}.party-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.party-invite-row>a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px}.party-invite-row img{width:30px;height:30px;border-radius:9px;object-fit:cover}.party-invite-row span{display:grid;min-width:0}.party-invite-row strong{font-size:12px}.party-invite-row small{font-size:12px;color:#7883a1}.party-invited{display:inline-block!important;padding:5px 7px;border-radius:999px;color:#76edb7!important;background:rgba(118,237,183,.07);font-size:12px!important}.party-empty-small{padding:9px;color:#7581a0;font-size:12px}.party-chat-panel{display:flex;flex-direction:column;min-height:520px}.party-chat-stream{flex:1;min-height:0;max-height:530px;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:9px}.party-chat-message{display:grid;grid-template-columns:33px minmax(0,1fr);gap:8px;align-items:start}.party-chat-message>img{width:33px;height:33px;border-radius:10px;object-fit:cover}.party-chat-message>div{max-width:78%;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:4px 12px 12px 12px;background:rgba(255,255,255,.035)}.party-chat-message.mine{grid-template-columns:minmax(0,1fr) 33px}.party-chat-message.mine>img{grid-column:2;grid-row:1}.party-chat-message.mine>div{grid-column:1;grid-row:1;justify-self:end;border-radius:12px 4px 12px 12px;background:rgba(200,255,104,.065);border-color:rgba(200,255,104,.12)}.party-chat-message span{display:flex;align-items:center;gap:7px}.party-chat-message strong{font-size:12px}.party-chat-message small{font-size:12px;color:#71809e}.party-chat-message p{margin:3px 0 0;color:#d9e0f1;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.party-chat-empty{margin:auto;display:grid;justify-items:center;text-align:center;gap:4px;color:#7f8baa}.party-chat-empty .material-symbols-rounded{font-size:28px}.party-chat-empty strong{font-size:12px;color:#aab5d0}.party-chat-empty small{max-width:280px;font-size:12px}.party-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px;padding:11px;border-top:1px solid var(--app-border)}.party-chat-form input{min-width:0;height:39px;padding:0 12px;border:1px solid var(--app-border);border-radius:11px;background:rgba(255,255,255,.03);color:#edf2ff;outline:none}.party-chat-form input:focus{border-color:rgba(200,255,104,.28)}.party-chat-form button{width:39px;height:39px;border:0;border-radius:11px;background:#c8ff68;color:#111629;display:grid;place-items:center;cursor:pointer}.party-chat-form button .material-symbols-rounded{font-size:18px}.party-connect-strip,.party-feedback-section{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--app-border);border-radius:17px;background:rgba(8,13,42,.72)}.party-connect-strip>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.party-steam-btn img{width:17px;height:17px;filter:brightness(0)}.party-feedback-section{align-items:flex-start;flex-direction:column}.party-feedback-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.party-feedback-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--app-border);border-radius:12px;background:rgba(255,255,255,.018)}.party-feedback-grid article>a{display:flex;align-items:center;gap:8px;min-width:0}.party-feedback-grid img{width:34px;height:34px;border-radius:10px;object-fit:cover}.party-feedback-grid strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-feedback-grid article>div{display:flex;gap:4px}.party-feedback-grid form{margin:0}.party-feedback-grid button,.recent-party-actions button{min-width:29px;height:29px;padding:0 6px;border:1px solid var(--app-border);border-radius:8px;background:rgba(255,255,255,.025);cursor:pointer}.party-feedback-grid button.active,.recent-party-actions button.active{border-color:rgba(200,255,104,.32);background:rgba(200,255,104,.1)}.recent-party-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.recent-party-player{display:grid;gap:8px;padding:9px;border:1px solid var(--app-border);border-radius:13px;background:rgba(255,255,255,.018)}.recent-party-player>a{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px}.recent-party-player img{width:38px;height:38px;border-radius:11px;object-fit:cover}.recent-party-player span{min-width:0;display:grid}.recent-party-player strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-party-player small{font-size:12px;color:#7682a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-party-actions{display:flex;gap:4px}.recent-party-actions form{margin:0}.recent-party-actions .material-symbols-rounded{font-size:15px;color:#aab5ce}
@media(max-width:1050px){.party-detail-grid{grid-template-columns:1fr}.party-chat-panel{min-height:440px}.party-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-party-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.party-detail-hero{min-height:0;align-items:stretch;flex-direction:column;padding:18px}.party-detail-actions{min-width:0}.party-host-controls,.party-connect-strip{align-items:stretch;flex-direction:column}.party-host-buttons,.party-connect-strip>div:last-child{justify-content:flex-start}.party-member-row{grid-template-columns:minmax(0,1fr) auto}.party-member-status{grid-column:1}.party-member-actions{grid-column:2;grid-row:1/3}.party-feedback-grid,.recent-party-grid{grid-template-columns:1fr}.party-chat-message>div{max-width:90%}}

/* v1.5.4 - Party room redesign */
.party-room-page{display:grid;gap:16px;padding:26px 30px 42px;min-width:0}
.party-room-hero{position:relative;isolation:isolate;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:30px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;background:#0a1030;box-shadow:0 22px 60px rgba(0,0,0,.2)}
.party-room-hero::before{content:"";position:absolute;inset:0;z-index:-3;background-image:var(--party-cover);background-position:center;background-size:cover;filter:saturate(.85);transform:scale(1.015)}
.party-room-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,10,34,.98) 0%,rgba(6,10,34,.91) 44%,rgba(6,10,34,.54) 72%,rgba(6,10,34,.78) 100%),linear-gradient(0deg,rgba(6,10,34,.86),transparent 65%)}
.party-room-hero-content{position:relative;z-index:1;max-width:710px}
.party-room-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:#c8ff68;font-size:12px;font-weight:900;letter-spacing:.16em}
.party-room-eyebrow .material-symbols-rounded{font-size:17px}
.party-room-hero h1{margin:0;color:#fff;font:700 clamp(42px,5.1vw,68px)/.94 "Barlow Condensed",sans-serif;letter-spacing:.01em;text-shadow:0 8px 34px rgba(0,0,0,.42)}
.party-room-hero-content>p{max-width:620px;margin:12px 0 0;color:#bcc5da;font-size:13px;line-height:1.6}
.party-room-stats{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:22px}
.party-room-stats>div{min-width:104px;display:grid;grid-template-columns:18px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(6,10,33,.56);backdrop-filter:blur(8px)}
.party-room-stats .material-symbols-rounded{grid-row:1/3;color:#8493bb;font-size:17px}
.party-room-stats strong{color:#eef2ff;font-size:12px;line-height:1.2;white-space:nowrap}.party-room-stats small{color:#7885a8;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.07em}
.party-room-status-card{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(7,11,36,.78);backdrop-filter:blur(13px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.party-room-status-card form{margin:0}.party-room-status-card button,.party-room-status-card a{font-family:inherit}
.party-room-state{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#b7c1d9;font-size:12px;font-weight:800}
.party-room-state i{width:7px;height:7px;border-radius:50%;background:#7784a3}.party-room-state-waiting{color:#d7ff8b;border-color:rgba(200,255,104,.16);background:rgba(200,255,104,.04)}.party-room-state-waiting i{background:#c8ff68;box-shadow:0 0 12px rgba(200,255,104,.65)}.party-room-state-playing{color:#89edbf;border-color:rgba(118,237,183,.16);background:rgba(118,237,183,.04)}.party-room-state-playing i{background:#76edb7;box-shadow:0 0 12px rgba(118,237,183,.55)}
.party-room-primary,.party-room-secondary{width:100%;min-height:40px;padding:0 12px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:12px;font-weight:850;cursor:pointer;text-decoration:none}
.party-room-primary{border:1px solid #c8ff68;background:#c8ff68;color:#11162a}.party-room-primary:hover{filter:brightness(1.04)}.party-room-primary.is-ready{background:rgba(200,255,104,.1);border-color:rgba(200,255,104,.27);color:#d9ff93}
.party-room-secondary{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#c7d0e5}.party-room-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.party-room-start{border-color:rgba(255,216,77,.22);background:rgba(255,216,77,.06);color:#ffe47b}.party-room-leave{color:#c6cee1}
.party-room-primary .material-symbols-rounded,.party-room-secondary .material-symbols-rounded{font-size:17px}
.party-room-transfer-note{display:flex;align-items:center;gap:5px;padding:0 2px;color:#7f8baa;font-size:12px;line-height:1.35}.party-room-transfer-note .material-symbols-rounded{font-size:13px;color:#9aa6c3}
.party-room-danger-zone{margin-top:2px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07)}.party-room-danger-zone button{width:100%;min-height:36px;border:1px solid rgba(255,104,128,.2);border-radius:10px;background:rgba(255,104,128,.055);color:#ff9aac;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;cursor:pointer}.party-room-danger-zone button:hover{background:rgba(255,104,128,.09)}.party-room-danger-zone .material-symbols-rounded{font-size:15px}
.party-room-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);gap:16px;min-width:0}
.party-room-card{min-width:0;border:1px solid var(--app-border);border-radius:18px;background:linear-gradient(180deg,rgba(10,15,46,.92),rgba(7,12,38,.92));overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.12)}
.party-room-card-head{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--app-border)}
.party-room-card-head>div{display:grid;gap:2px}.party-room-card-head>div>span{color:#7380a2;font-size:12px;font-weight:900;letter-spacing:.12em}.party-room-card-head h2{margin:0;color:#eff3ff;font-size:16px;font-weight:750}.party-room-card-head>b{min-width:37px;height:25px;padding:0 8px;border:1px solid rgba(200,255,104,.13);border-radius:999px;background:rgba(200,255,104,.045);color:#d5ff8a;display:grid;place-items:center;font-size:12px}.party-room-card-head>.material-symbols-rounded{color:#7582a4;font-size:20px}
.party-room-player-list{display:grid;gap:3px;padding:8px}
.party-room-player{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:56px;padding:7px 8px;border-radius:12px;transition:background .16s ease}.party-room-player:hover{background:rgba(255,255,255,.026)}
.party-room-player-profile{min-width:0;display:flex;align-items:center;gap:9px}.party-room-player-avatar{position:relative;flex:0 0 38px;width:38px;height:38px}.party-room-player-avatar img{display:block!important;width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:11px!important;object-fit:cover!important}.party-room-player-avatar i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #090e2c;border-radius:50%;background:#66708b}.party-room-player-avatar i.online{background:#76edb7;box-shadow:0 0 10px rgba(118,237,183,.45)}
.party-room-player-copy{min-width:0;display:grid;gap:2px}.party-room-player-copy strong{min-width:0;color:#edf2ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-room-player-copy small{display:flex;align-items:center;gap:3px;color:#7581a1;font-size:12px;white-space:nowrap}.party-room-player-copy small .material-symbols-rounded{font-size:12px;color:#ffe36f}
.party-room-ready{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#7783a4;font-size:12px;font-weight:850}.party-room-ready .material-symbols-rounded{font-size:12px}.party-room-ready.is-ready{border-color:rgba(200,255,104,.18);background:rgba(200,255,104,.045);color:#d3ff84}
.party-room-player-actions{display:flex;align-items:center;gap:4px}.party-room-player-actions form{margin:0}.party-room-player-actions a,.party-room-player-actions button{width:27px;height:27px;padding:0;border:1px solid var(--app-border);border-radius:8px;display:grid;place-items:center;cursor:pointer}.party-room-player-actions a.steam{background:#fff;border-color:#fff}.party-room-player-actions a.discord{background:#5865f2;border-color:#6571ef}.party-room-player-actions img{display:block!important;width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;object-fit:contain!important}.party-room-player-actions a.steam img{filter:brightness(0)}.party-room-player-actions a.discord img{filter:brightness(0) invert(1)}.party-room-player-actions button{background:rgba(255,255,255,.025);color:#9ba7c5}.party-room-player-actions button .material-symbols-rounded{font-size:15px}
.party-room-invites{display:grid;gap:6px;margin:5px 8px 8px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.018)}.party-room-invites-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:5px}.party-room-invites-title>span:first-child{display:grid;gap:2px}.party-room-invites-title strong{font-size:12px}.party-room-invites-title small{font-size:12px;color:#727e9e}.party-room-invites-title>.material-symbols-rounded{color:#8f9ab8;font-size:18px}
.party-room-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0}.party-room-invite-row>a{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px}.party-room-invite-row img{display:block!important;width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;border-radius:9px!important;object-fit:cover!important}.party-room-invite-row>a>span{min-width:0;display:grid;gap:1px}.party-room-invite-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-room-invite-row small{font-size:12px;color:#737f9f}.party-room-invite-row button{min-height:27px;padding:0 9px;border:1px solid rgba(200,255,104,.14);border-radius:8px;background:rgba(200,255,104,.045);color:#d2ff85;font-size:12px;cursor:pointer}.party-room-invited{padding:5px 7px;border-radius:999px;background:rgba(118,237,183,.06);color:#79eaba;font-size:12px}.party-room-empty{padding:7px 0;color:#727e9e;font-size:12px}
.party-room-chat{display:flex;flex-direction:column;min-height:520px}.party-room-chat-stream{flex:1;min-height:0;max-height:540px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.party-room-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:start}.party-room-message>img{display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;border-radius:10px!important;object-fit:cover!important}.party-room-message>div{max-width:78%;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:4px 12px 12px 12px;background:rgba(255,255,255,.035)}.party-room-message.mine{grid-template-columns:minmax(0,1fr) 34px}.party-room-message.mine>img{grid-column:2;grid-row:1}.party-room-message.mine>div{grid-column:1;grid-row:1;justify-self:end;border-radius:12px 4px 12px 12px;background:rgba(200,255,104,.06);border-color:rgba(200,255,104,.11)}.party-room-message span{display:flex;align-items:center;gap:7px}.party-room-message strong{font-size:12px}.party-room-message small{font-size:12px;color:#707d9e}.party-room-message p{margin:3px 0 0;color:#d9e0f0;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.party-room-chat-empty{margin:auto;display:grid;justify-items:center;text-align:center;gap:5px;color:#737f9e}.party-room-chat-empty>.material-symbols-rounded{font-size:29px;color:#626f92}.party-room-chat-empty strong{color:#aeb8d0;font-size:12px}.party-room-chat-empty small{max-width:290px;font-size:12px;line-height:1.5}.party-room-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:11px;border-top:1px solid var(--app-border)}.party-room-chat-form input{min-width:0;height:40px;padding:0 12px;border:1px solid var(--app-border);border-radius:11px;background:#0b1031;color:#edf2ff;outline:0;font-size:12px}.party-room-chat-form input:focus{border-color:rgba(200,255,104,.25)}.party-room-chat-form button{width:40px;height:40px;border:0;border-radius:11px;background:#c8ff68;color:#11162a;display:grid;place-items:center;cursor:pointer}.party-room-chat-form button .material-symbols-rounded{font-size:18px}
.party-room-connect{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(9,14,43,.82)}.party-room-connect>div:first-child{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.party-room-connect>div:first-child>.material-symbols-rounded{width:34px;height:34px;border:1px solid rgba(200,255,104,.13);border-radius:10px;background:rgba(200,255,104,.04);color:#c8ff68;display:grid;place-items:center;font-size:18px}.party-room-connect>div:first-child>span{display:grid;gap:2px}.party-room-connect strong{font-size:12px}.party-room-connect small{max-width:580px;color:#7d89a9;font-size:12px;line-height:1.45}.party-room-connect>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.party-room-connect>div:last-child>a{min-height:34px;padding:0 10px;border:1px solid var(--app-border);border-radius:9px;background:rgba(255,255,255,.025);color:#b9c4dc;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.party-room-connect>div:last-child>a.party-room-connect-primary{border-color:#c8ff68;background:#c8ff68;color:#11162a}.party-room-connect>div:last-child>a.discord{border-color:#5865f2;background:#5865f2;color:#fff}.party-room-connect img{display:block!important;width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;object-fit:contain!important}.party-room-connect a.steam img,.party-room-connect-primary img{filter:brightness(0)}.party-room-connect a.discord img{filter:brightness(0) invert(1)}
.party-room-feedback{display:grid;gap:12px;padding:17px;border:1px solid var(--app-border);border-radius:17px;background:rgba(9,14,43,.82)}.party-room-feedback header span{color:#7480a1;font-size:12px;font-weight:900;letter-spacing:.12em}.party-room-feedback h2{margin:3px 0;font-size:17px}.party-room-feedback p{margin:0;color:#7b87a7;font-size:12px}.party-room-feedback>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.party-room-feedback article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--app-border);border-radius:12px;background:rgba(255,255,255,.018)}.party-room-feedback article>a{min-width:0;display:flex;align-items:center;gap:7px}.party-room-feedback img{display:block!important;width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:9px!important;object-fit:cover!important}.party-room-feedback strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-room-feedback article>div{display:flex;gap:4px}.party-room-feedback form{margin:0}.party-room-feedback button{min-width:29px;height:29px;padding:0 5px;border:1px solid var(--app-border);border-radius:8px;background:rgba(255,255,255,.025);cursor:pointer}.party-room-feedback button.active{border-color:rgba(200,255,104,.28);background:rgba(200,255,104,.08)}
@media(max-width:1100px){.party-room-page{padding:22px}.party-room-hero{grid-template-columns:minmax(0,1fr) 230px;padding:24px}.party-room-grid{grid-template-columns:1fr}.party-room-chat{min-height:460px}.party-room-feedback>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.party-room-page{padding:15px}.party-room-hero{min-height:0;grid-template-columns:1fr;align-items:stretch;padding:20px}.party-room-status-card{align-self:auto}.party-room-stats>div{flex:1;min-width:95px}.party-room-player{grid-template-columns:minmax(0,1fr) auto}.party-room-ready{grid-column:1;justify-self:start}.party-room-player-actions{grid-column:2;grid-row:1/3}.party-room-connect{align-items:stretch;flex-direction:column}.party-room-connect>div:last-child{justify-content:flex-start}.party-room-feedback>div{grid-template-columns:1fr}.party-room-message>div{max-width:90%}}

/* GROUPFINDER v1.5.6 - společné Steam hry Party */
.party-shared-games-card{border:1px solid var(--app-border);border-radius:18px;background:linear-gradient(145deg,rgba(11,17,50,.97),rgba(7,12,38,.95));overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.12)}
.party-shared-games-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:17px 18px 14px;border-bottom:1px solid var(--app-border)}
.party-shared-games-icon{width:42px;height:42px;border:1px solid rgba(200,255,104,.18);border-radius:13px;background:rgba(200,255,104,.055);color:#c8ff68;display:grid;place-items:center}.party-shared-games-icon .material-symbols-rounded{font-size:22px}
.party-shared-games-head>div:last-child{min-width:0}.party-shared-games-head span{color:#7e8aaa;font-size:12px;font-weight:900;letter-spacing:.12em}.party-shared-games-head h2{margin:3px 0 4px;color:#f0f4ff;font-size:17px;line-height:1.22;font-weight:720}.party-shared-games-head h2 strong{color:#c8ff68}.party-shared-games-head p{margin:0;color:#7885a6;font-size:12px;line-height:1.45}
.party-shared-games-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}
.party-shared-game{position:relative;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;gap:0 8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.018);transition:border-color .16s ease,background .16s ease,transform .16s ease}.party-shared-game:hover{transform:translateY(-1px);border-color:rgba(200,255,104,.2);background:rgba(200,255,104,.035)}
.party-shared-game>img{grid-row:1/3;display:block!important;width:46px!important;height:58px!important;max-width:46px!important;max-height:58px!important;border-radius:9px!important;object-fit:cover!important;background:#080d27}.party-shared-game-rank{position:absolute;left:4px;top:4px;z-index:1;width:19px;height:19px;border:2px solid #0b1031;border-radius:7px;background:#c8ff68;color:#10162a;display:grid;place-items:center;font-size:12px!important;font-weight:900!important;letter-spacing:0!important}
.party-shared-game-copy{min-width:0;align-self:end;display:grid;gap:3px}.party-shared-game-copy strong{min-width:0;color:#eaf0ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-shared-game-copy small{display:flex;align-items:center;gap:3px;color:#8290b2;font-size:12px;white-space:nowrap}.party-shared-game-copy .material-symbols-rounded{font-size:12px;color:#8fa0c6}
.party-shared-game-meta{align-self:start;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#7280a3}.party-shared-game-meta small{font-size:12px;white-space:nowrap}.party-shared-game-meta .material-symbols-rounded{margin-left:auto;font-size:14px;color:#c8ff68}
.party-shared-games-empty{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;margin:12px;padding:12px;border:1px dashed rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.015)}.party-shared-games-empty>.material-symbols-rounded{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.035);color:#7d89a9;display:grid;place-items:center;font-size:19px}.party-shared-games-empty>div{display:grid;gap:2px}.party-shared-games-empty strong{color:#cbd4e8;font-size:12px}.party-shared-games-empty small{color:#7582a3;font-size:12px;line-height:1.45}.party-shared-games-empty.is-waiting>.material-symbols-rounded{color:#ffd84d;background:rgba(255,216,77,.05)}
.party-steam-libraries{margin:0 12px 12px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(4,8,28,.28)}.party-steam-libraries-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px}.party-steam-libraries-title>span{display:flex;align-items:center;gap:6px;color:#d8e0f1;font-size:12px;font-weight:800;letter-spacing:0}.party-steam-libraries-title img{display:block!important;width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;filter:none!important}.party-steam-libraries-title small{color:#7d89a9;font-size:12px}
.party-steam-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.party-steam-library-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;border-radius:10px;background:rgba(255,255,255,.018)}.party-steam-library-row>a{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px}.party-steam-library-avatar{display:block!important;width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;border-radius:9px!important;object-fit:cover!important}.party-steam-library-row>a>span{min-width:0;display:grid;gap:1px}.party-steam-library-row strong{color:#e4eaf8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-steam-library-row small{color:#7481a1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.party-steam-library-status{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#7c88a8;font-size:12px;font-weight:800;white-space:nowrap}.party-steam-library-status .material-symbols-rounded{font-size:12px}.party-steam-library-status.is-ready{border-color:rgba(118,237,183,.13);background:rgba(118,237,183,.035);color:#78eab8}.party-steam-library-status.is-warning{border-color:rgba(255,216,77,.13);background:rgba(255,216,77,.035);color:#ebca67}
.party-steam-libraries-note{display:flex;align-items:flex-start;gap:5px;margin:8px 1px 0;color:#697696;font-size:12px;line-height:1.4}.party-steam-libraries-note .material-symbols-rounded{font-size:12px;margin-top:1px}
@media(max-width:1200px){.party-shared-games-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.party-shared-games-head{grid-template-columns:36px minmax(0,1fr);padding:14px}.party-shared-games-icon{width:36px;height:36px}.party-shared-games-head h2{font-size:15px}.party-shared-games-list{grid-template-columns:1fr 1fr;padding:9px}.party-steam-library-list{grid-template-columns:1fr}.party-shared-game{grid-template-columns:42px minmax(0,1fr)}.party-shared-game>img{width:42px!important;height:54px!important;max-width:42px!important;max-height:54px!important}}
@media(max-width:480px){.party-shared-games-list{grid-template-columns:1fr}.party-shared-game{grid-template-columns:46px minmax(0,1fr)}.party-shared-game>img{width:46px!important;height:58px!important;max-width:46px!important;max-height:58px!important}}

/* GROUPFINDER v1.5.9 - správce vybírá hru celé Party */
.party-shared-game-card{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.018);overflow:hidden;transition:border-color .16s ease,background .16s ease,transform .16s ease}.party-shared-game-card:hover{transform:translateY(-1px);border-color:rgba(200,255,104,.2);background:rgba(200,255,104,.03)}
.party-shared-game-main{position:relative;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:center;padding:8px;color:inherit}.party-shared-game-main>img{display:block!important;width:46px!important;height:58px!important;max-width:46px!important;max-height:58px!important;border-radius:9px!important;object-fit:cover!important;background:#080d27}.party-shared-game-main .party-shared-game-copy{align-self:center}.party-shared-game-copy em{display:block;color:#6f7d9e;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-shared-game-view{display:flex;align-items:center;justify-content:flex-end;padding:0 9px 8px;color:#c8ff68}.party-shared-game-view .material-symbols-rounded{font-size:16px}
.party-shared-game-card>form{margin:0;padding:0 8px 8px}.party-pick-game{width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(200,255,104,.2);border-radius:9px;background:rgba(200,255,104,.055);color:#d8ff94;font-size:12px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.party-pick-game:hover{background:#c8ff68;border-color:#c8ff68;color:#111629}.party-pick-game .material-symbols-rounded{font-size:15px}
.party-game-launcher{background:linear-gradient(105deg,rgba(200,255,104,.055),rgba(8,13,42,.82) 52%);border-color:rgba(200,255,104,.13)}.party-game-launcher-copy{display:flex!important;align-items:center!important;gap:11px!important}.party-game-launcher-art{width:46px;height:58px;flex:0 0 46px;border-radius:10px;overflow:hidden;background:#080d27;box-shadow:0 7px 20px rgba(0,0,0,.22)}.party-game-launcher-art img{display:block!important;width:46px!important;height:58px!important;max-width:46px!important;max-height:58px!important;object-fit:cover!important;filter:none!important}.party-game-launcher-copy>span:last-child{display:grid!important;gap:2px!important}.party-game-launcher-copy small{color:#c8ff68!important;font-size:12px!important;font-weight:900;letter-spacing:.11em}.party-game-launcher-copy strong{font-size:16px!important;color:#f3f6ff}.party-game-launcher-copy em{color:#8290b0;font-size:12px;font-style:normal;line-height:1.4}.party-game-launcher-actions{align-items:center}.party-game-launcher-actions .party-launch-main{min-height:40px!important;padding:0 14px!important;font-weight:850!important;box-shadow:0 8px 24px rgba(200,255,104,.08)}
@media(max-width:760px){.party-game-launcher{align-items:stretch}.party-game-launcher-actions{justify-content:flex-start!important}.party-game-launcher-actions>a{flex:1 1 auto}.party-shared-game-main{grid-template-columns:42px minmax(0,1fr)}.party-shared-game-main>img{width:42px!important;height:54px!important;max-width:42px!important;max-height:54px!important}}

/* GROUPFINDER v1.5.12 - Party library picker + game detail inside app shell */
.game-detail-shell-content{min-width:0;padding-top:24px!important}
.game-detail-page-shell{padding:0!important;min-width:0}
.game-detail-shell-content .game-detail-hero{min-height:440px;border-radius:22px}
.game-detail-shell-content .game-detail-grid{grid-template-columns:190px minmax(0,1fr);gap:24px;min-height:440px;padding:28px}
.game-detail-shell-content .game-detail-copy h1{font-size:clamp(40px,4.5vw,62px)}
.game-detail-shell-content .game-detail-copy>p:not(.section-kicker){font-size:13px;line-height:1.55}
.game-detail-shell-content .game-social-discovery{max-width:none;padding:0;margin:18px 0}
.game-detail-shell-content .detail-similar{margin-top:22px}
.game-detail-shell-content .detail-similar .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.party-game-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(200,255,104,.18);border-radius:15px;background:linear-gradient(100deg,rgba(200,255,104,.07),rgba(11,16,49,.9));color:#eaf2ff}
.party-game-selection-bar>div{display:flex;align-items:center;gap:9px;min-width:0}.party-game-selection-bar>div:first-child>.material-symbols-rounded{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(200,255,104,.09);color:#c8ff68;font-size:19px}
.party-game-selection-bar>div:first-child>span:last-child{display:grid;min-width:0}.party-game-selection-bar small{font-size:12px;color:#c8ff68;font-weight:850;letter-spacing:.08em}.party-game-selection-bar strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-game-selection-bar>div:last-child{justify-content:flex-end;flex-wrap:wrap}.party-game-selection-bar .btn{min-height:36px}
.party-select-game-detail-form{margin:0}.party-select-game-detail{min-height:43px}.party-select-game-detail.is-current,.party-select-game-detail.is-disabled{opacity:.7;cursor:not-allowed}.party-game-selection-reason{display:flex;align-items:flex-start;gap:7px;margin-top:11px;padding:9px 11px;border:1px solid rgba(255,216,77,.14);border-radius:11px;background:rgba(255,216,77,.035);color:#d8c881;font-size:12px;line-height:1.45}.party-game-selection-reason .material-symbols-rounded{font-size:17px;margin-top:1px}
.party-room-library-pick{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:40px!important;padding:0 13px!important;border:1px solid rgba(200,255,104,.18)!important;border-radius:10px!important;background:rgba(200,255,104,.055)!important;color:#d9ff98!important;font-weight:800!important}.party-room-library-pick:hover{background:rgba(200,255,104,.1)!important;border-color:rgba(200,255,104,.32)!important}.party-room-library-pick .material-symbols-rounded{font-size:17px!important}
.party-library-mode-banner{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;margin:-12px 0 20px;padding:11px 13px;border:1px solid rgba(200,255,104,.16);border-radius:14px;background:rgba(200,255,104,.035)}.party-library-mode-art,.party-library-mode-art img{display:block;width:46px;height:58px;border-radius:9px;object-fit:cover}.party-library-mode-banner>span:last-child{display:grid;gap:2px;min-width:0}.party-library-mode-banner small{font-size:12px;color:#c8ff68;font-weight:850;letter-spacing:.08em}.party-library-mode-banner strong{font-size:14px;color:#eef3ff}.party-library-mode-banner em{font-size:12px;color:#8996b5;font-style:normal;line-height:1.4}.library-party-pick-hint{display:inline-flex!important;align-items:center;gap:5px;color:#c8ff68!important;font-weight:800!important}.library-party-pick-hint .material-symbols-rounded{font-size:15px}.party-library-heading-actions .btn{white-space:nowrap}
@media(max-width:1280px){.game-detail-shell-content .game-detail-grid{grid-template-columns:160px minmax(0,1fr);gap:20px;padding:24px}.game-detail-shell-content .detail-similar .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.game-detail-shell-content{padding-top:17px!important}.game-detail-shell-content .game-detail-grid{display:block;padding:20px;min-height:620px}.game-detail-shell-content .game-detail-cover{width:150px;margin-bottom:20px}.game-detail-shell-content .detail-similar .game-grid{display:flex;grid-template-columns:none}.party-game-selection-bar{align-items:stretch;flex-direction:column}.party-game-selection-bar>div:last-child{justify-content:flex-start}.party-library-mode-banner{margin-top:-8px}.party-library-heading-actions{width:100%}.party-library-heading-actions .btn{width:100%}}
.party-shared-games-head:has(.party-shared-games-library){grid-template-columns:42px minmax(0,1fr) auto}.party-shared-games-library{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid rgba(200,255,104,.18);border-radius:10px;background:rgba(200,255,104,.055);color:#d8ff94;font-size:12px;font-weight:850;white-space:nowrap}.party-shared-games-library:hover{background:#c8ff68;border-color:#c8ff68;color:#111629}.party-shared-games-library .material-symbols-rounded{font-size:16px;color:inherit!important;letter-spacing:0}
@media(max-width:760px){.party-shared-games-head:has(.party-shared-games-library){grid-template-columns:36px minmax(0,1fr)}.party-shared-games-library{grid-column:1/-1;width:100%;margin-top:3px}}

/* v1.5.13 - player profile + group detail visual cleanup */
.challenge-label-line{display:flex!important;align-items:baseline;gap:7px;width:100%;font:600 12px "Barlow",sans-serif!important;color:#93a0bd!important;text-transform:uppercase!important;letter-spacing:.08em!important}.challenge-label-line em{font:400 12px "Barlow",sans-serif;color:#6f7b98;text-transform:none;letter-spacing:0}.player-challenge-form .challenge-when{display:flex;flex-direction:column}.player-challenge-form .challenge-when>input{width:100%}
.player-safety-menu{margin-top:18px;padding:14px 0 0;border-top:1px solid rgba(137,151,190,.16);border-bottom:1px solid rgba(137,151,190,.12)}.player-safety-menu summary{list-style:none;display:inline-flex;align-items:center;gap:7px;padding:0 0 14px;color:#9aa6c3;font-size:12px}.player-safety-menu summary::-webkit-details-marker{display:none}.player-safety-menu summary::before{content:"expand_more";font-family:"Material Symbols Rounded";font-size:17px}.player-safety-menu[open] summary::before{content:"expand_less"}.player-safety-menu>div{margin:0;padding:0 0 16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.player-safety-menu .report-player-form{display:grid;grid-template-columns:155px minmax(180px,1fr) auto;gap:8px}.player-safety-menu .btn,.player-safety-menu select,.player-safety-menu input{min-height:40px}
.public-player-facts{margin-top:18px;padding:4px 0;border-top:1px solid rgba(137,151,190,.16);border-bottom:1px solid rgba(137,151,190,.16);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.player-fact-row{min-width:0;padding:18px 18px 18px 0;margin-right:18px;border-right:1px solid rgba(137,151,190,.12)}.player-fact-row:nth-child(4){border-right:0;margin-right:0}.player-fact-row:nth-child(5){grid-column:1/-1;border-top:1px solid rgba(137,151,190,.12);border-right:0;margin-right:0;padding:16px 0}.player-fact-row>span{display:block;margin-bottom:10px;color:#8d9abd;font:700 12px "Barlow",sans-serif;letter-spacing:.11em}.player-fact-row .preference-chips b{padding:5px 9px;border:1px solid rgba(137,151,190,.18);border-radius:999px;background:transparent;color:#d2d9ec;font:500 12px "Barlow",sans-serif}.player-fact-row small{color:#7885a5;font-size:12px}
.profile-library-section{margin-top:28px;padding-top:4px}.profile-library-heading{margin-bottom:14px}.profile-library-heading h2{font-size:30px}.profile-library-heading>a{font-size:12px;color:#a8b4d4}.is-hidden-link{visibility:hidden;pointer-events:none}.profile-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.profile-library-game{position:relative;min-width:0;height:155px;border-radius:16px;overflow:hidden;border:1px solid rgba(137,151,190,.18);background:#0b1029}.profile-library-game-link{position:absolute;inset:0;display:block}.profile-library-game-link>img{width:100%;height:100%;object-fit:cover}.profile-library-game-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,30,.08) 20%,rgba(7,10,30,.92) 100%)}.profile-library-game-copy{position:absolute;left:13px;right:42px;bottom:12px;display:grid;gap:2px;min-width:0}.profile-library-game-copy strong{font:700 16px "Barlow",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.profile-library-game-copy small{font:500 12px "Barlow",sans-serif;color:#d0d7e9}.profile-library-game-copy em{font:400 12px "Barlow",sans-serif;color:#94a1c2;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-library-favorite{position:absolute;z-index:4;right:10px;top:9px;margin:0}.profile-library-heart{width:31px;height:31px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#eef2ff;display:grid;place-items:center;cursor:pointer;text-shadow:0 2px 8px rgba(0,0,0,.7)}.profile-library-heart .material-symbols-rounded{font-size:25px;font-variation-settings:'FILL' 0}.profile-library-heart.active{color:#ff86b0}.profile-library-heart.active .material-symbols-rounded{font-variation-settings:'FILL' 1}.profile-library-game:hover{border-color:rgba(200,255,104,.34);transform:translateY(-1px)}

.group-profile-v2{max-width:1180px}.group-page-error{margin-bottom:14px}.group-profile-hero-v2{height:318px}.group-profile-hero-v2 .group-profile-summary{align-items:center}.group-clean-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:28px;margin-top:30px;padding-top:2px}.group-clean-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.group-clean-head h2{margin:4px 0 2px;font:700 25px "Barlow Condensed",sans-serif;letter-spacing:.02em}.group-clean-head p{margin:0;color:#8592b4;font-size:12px}.group-roster-clean{min-width:0}.group-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;border-top:1px solid rgba(137,151,190,.16)}.group-roster-player{position:relative;min-width:0;border-bottom:1px solid rgba(137,151,190,.12)}.group-roster-player-main{min-height:68px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:8px 36px 8px 2px}.group-roster-player-main .avatar-with-status{width:42px;height:42px}.group-roster-player-main img{width:42px;height:42px;border-radius:12px;object-fit:cover}.group-roster-player-main>span:nth-child(2){display:grid;gap:3px;min-width:0}.group-roster-player-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-roster-player-main small{font-size:12px;color:#8592b4}.group-roster-player-main>.material-symbols-rounded{font-size:18px;color:#6f7d9f}.group-roster-remove{position:absolute;right:0;top:19px;margin:0}.group-roster-remove button{width:30px;height:30px;border:0;background:transparent;color:#7f8baa;cursor:pointer;display:grid;place-items:center}.group-roster-remove button:hover{color:#ff819c}.group-roster-remove .material-symbols-rounded{font-size:18px}.group-invite-clean{margin-top:22px;padding-top:18px;border-top:1px solid rgba(137,151,190,.16);display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px}.group-invite-clean p{margin:5px 0 0;color:#7f8cab;font-size:12px}.group-invite-clean-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px}.group-invite-clean-list form{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(137,151,190,.1)}.group-invite-clean-list img{width:34px;height:34px;border-radius:10px;object-fit:cover}.group-invite-clean-list span{font-size:12px;overflow:hidden;text-overflow:ellipsis}.group-side-clean{border-left:1px solid rgba(137,151,190,.16);padding-left:26px}.group-games-clean{min-width:0}.group-game-mini-list{border-top:1px solid rgba(137,151,190,.16)}.group-game-mini{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;border-bottom:1px solid rgba(137,151,190,.12);padding:8px 0}.group-game-mini img{width:46px;height:46px;border-radius:9px;object-fit:cover}.group-game-mini>span{display:grid;gap:3px;min-width:0}.group-game-mini strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-game-mini small{font-size:12px;color:#7f8cac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-game-mini>b{font:800 12px "Barlow",sans-serif;color:#c8ff68;letter-spacing:.08em}.group-game-mini.is-primary strong{color:#efffcf}.group-profile-meta-clean{display:grid;gap:11px;padding-top:15px}.group-profile-meta-clean>div{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:start}.group-profile-meta-clean>div>span{padding-top:5px;color:#7d89a9;font:700 12px "Barlow",sans-serif;text-transform:uppercase;letter-spacing:.08em}.group-profile-meta-clean p{display:flex;gap:5px;flex-wrap:wrap;margin:0}.group-profile-meta-clean b{font:500 12px "Barlow",sans-serif;color:#c3cce3;border:1px solid rgba(137,151,190,.16);border-radius:999px;padding:5px 7px}.group-side-actions{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(137,151,190,.16)}.group-side-actions form{margin:0}.group-side-actions .btn{width:100%}
.group-calendar-clean{margin-top:34px;padding-top:28px;border-top:1px solid rgba(137,151,190,.18)}.group-calendar-clean-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.group-calendar-clean-head h2{margin:5px 0 4px;font:700 28px "Barlow Condensed",sans-serif}.group-calendar-clean-head p{margin:0;color:#8491b2;font-size:12px}.group-event-timeline{border-top:1px solid rgba(137,151,190,.16)}.group-event-timeline article{display:grid;grid-template-columns:58px minmax(170px,1fr) minmax(180px,.8fr) auto;align-items:center;gap:14px;min-height:78px;border-bottom:1px solid rgba(137,151,190,.12);padding:10px 0}.group-event-timeline time{display:grid;justify-items:center;padding-right:12px;border-right:1px solid rgba(137,151,190,.14)}.group-event-timeline time strong{font:700 24px "Barlow Condensed",sans-serif;color:#eef2ff}.group-event-timeline time span{font:700 12px "Barlow",sans-serif;color:#c8ff68;letter-spacing:.08em}.group-event-copy{display:grid;gap:4px}.group-event-copy strong{font-size:13px}.group-event-copy span{font-size:12px;color:#8794b4}.group-event-game{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;color:#bfc8df;font-size:12px}.group-event-game img{width:38px;height:38px;border-radius:8px;object-fit:cover}.group-event-game span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-event-actions{display:flex;align-items:center;gap:6px}.group-event-actions form{margin:0}.group-calendar-empty{min-height:92px;border-top:1px solid rgba(137,151,190,.16);border-bottom:1px solid rgba(137,151,190,.12);display:flex;align-items:center;gap:13px;color:#7f8cac}.group-calendar-empty>.material-symbols-rounded{font-size:28px}.group-calendar-empty strong{display:block;color:#b9c3db;font-size:13px}.group-calendar-empty p{margin:3px 0 0;font-size:12px}.group-calendar-form-clean{margin-top:25px;padding:20px 0 0;border-top:1px solid rgba(137,151,190,.16)}.group-calendar-form-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.group-calendar-form-title>.material-symbols-rounded{font-size:25px;color:#c8ff68}.group-calendar-form-title strong{display:block;font-size:14px}.group-calendar-form-title small{display:block;margin-top:3px;color:#7e8baa;font-size:12px}.group-calendar-fields{display:grid;grid-template-columns:1.15fr 1.35fr 1fr 1fr;gap:11px}.group-calendar-fields .form-field{min-width:0}.group-calendar-fields .recurring-session-field{grid-column:1}.group-calendar-fields .description-field{grid-column:2/4}.group-calendar-fields label{display:block;margin-bottom:6px;color:#8e9bbc;font-size:12px}.group-calendar-fields label span{color:#6e7a99;font-weight:400}.group-calendar-fields input,.group-calendar-fields select{width:100%;min-height:43px}.group-calendar-mic{grid-column:4;display:flex!important;align-items:center;justify-content:space-between;margin:0!important;padding:0 13px;border:1px solid var(--app-border);border-radius:12px;background:#090e2d}.group-calendar-mic>span{display:grid;gap:2px}.group-calendar-mic strong{font-size:12px}.group-calendar-mic small{font-size:12px;color:#7784a4}.group-calendar-mic input{position:absolute;opacity:0}.group-calendar-mic i{position:relative;width:39px;height:22px;border-radius:999px;background:#29324e}.group-calendar-mic i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#8a96b1;transition:.15s}.group-calendar-mic input:checked+i{background:rgba(200,255,104,.22)}.group-calendar-mic input:checked+i::after{left:20px;background:#c8ff68}.group-calendar-submit{display:flex;justify-content:flex-end;margin-top:12px}.group-calendar-submit .btn{min-width:205px}.group-transfer-clean{margin-top:28px;padding-top:22px;border-top:1px solid rgba(137,151,190,.16)}.group-transfer-clean h2{margin:4px 0 10px;font-size:18px}.group-transfer-clean form{display:flex;gap:8px;max-width:460px}.group-transfer-clean select{flex:1;min-height:40px}

/* Group game picker: primary game can never point to an unchecked game. */
.group-game-picker .group-game-grid label{position:relative}.group-game-picker .group-primary-radio{position:absolute;right:8px;top:8px;z-index:3}.group-game-picker .group-primary-radio+b{position:absolute;right:7px;bottom:7px;pointer-events:none}.group-game-picker input[name="game_ids[]"]:checked~span{color:#f1f5ff}

@media(max-width:1100px){.profile-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.group-clean-layout{grid-template-columns:1fr}.group-side-clean{padding-left:0;border-left:0;border-top:1px solid rgba(137,151,190,.16);padding-top:24px}.group-game-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.group-calendar-fields{grid-template-columns:1fr 1fr}.group-calendar-fields .description-field{grid-column:1/2}.group-calendar-mic{grid-column:2}.group-event-timeline article{grid-template-columns:58px 1fr auto}.group-event-game{grid-column:2}.group-event-actions{grid-column:3;grid-row:1/3}}
@media(max-width:760px){.player-safety-menu>div,.player-safety-menu .report-player-form{grid-template-columns:1fr}.public-player-facts{grid-template-columns:1fr 1fr}.player-fact-row,.player-fact-row:nth-child(4){border-right:0;margin-right:0;padding:14px 10px 14px 0}.player-fact-row:nth-child(odd){border-right:1px solid rgba(137,151,190,.12)}.profile-library-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.profile-library-game{flex:0 0 74%;scroll-snap-align:start}.group-roster-grid,.group-invite-clean-list,.group-game-mini-list{grid-template-columns:1fr}.group-invite-clean{grid-template-columns:1fr}.group-calendar-fields{grid-template-columns:1fr}.group-calendar-fields .description-field,.group-calendar-mic{grid-column:auto}.group-event-timeline article{grid-template-columns:52px minmax(0,1fr)}.group-event-game,.group-event-actions{grid-column:2;grid-row:auto}.group-event-actions{justify-content:flex-start}.group-profile-hero-v2{height:380px}}

/* v1.5.14 - social rail context menu opens inward and supports Steam-only friends */
.social-rail-v1 [data-player-context="1"]{position:relative}
.player-context-menu{width:282px}
.player-context-actions>[hidden],.player-context-submenu>[hidden]{display:none!important}
@media(max-width:720px){.player-context-menu{width:min(300px,calc(100vw - 20px))}}


/* GROUPFINDER v1.5.15 - clean profile favorite + non-blocking Party game ownership */
.public-player-heart{
    width:36px!important;
    height:36px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    color:#fff;
}
.public-player-heart:hover{background:transparent!important;color:var(--app-lime)!important;transform:scale(1.06)}
.public-player-heart.active{background:transparent!important;border:0!important;color:#f2a3cf!important}
.public-player-heart .material-symbols-rounded{font-size:30px;line-height:1;font-variation-settings:'FILL' 0}
.public-player-heart.active .material-symbols-rounded{font-variation-settings:'FILL' 1}
.party-game-selection-reason{border-color:rgba(255,210,91,.28)!important;background:rgba(255,210,91,.07)!important;color:#e9dca9!important}

/* v1.6.1 - semantic group game picker */
.group-game-picker{border:0;padding:0;margin:0}.group-game-picker>legend{font-weight:800;color:#f5f7ff}.group-game-grid .group-game-choice{position:relative;min-width:0}.group-game-select{display:grid;gap:6px;cursor:pointer;min-width:0}.group-game-select>input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.group-game-select img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:2px solid transparent;transition:border-color .16s ease,transform .16s ease}.group-game-select:has(input:checked) img{border-color:#c8ff68}.group-game-select:hover img{transform:translateY(-1px)}.group-game-select>span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-primary-select{position:absolute;left:7px;top:7px;z-index:4;display:flex;align-items:center;gap:4px;cursor:pointer;border-radius:999px;background:rgba(12,16,39,.9);padding:5px 7px;color:#eaf0ff;font-size:12px}.group-primary-select input{position:static!important;width:14px;height:14px;accent-color:#c8ff68;margin:0}.group-primary-select:has(input:checked){background:#c8ff68;color:#11152d;font-weight:800}

/* v1.6.1 - per-game rank editor */
.library-rank-editor{margin-top:9px;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}.library-rank-editor summary{display:flex;align-items:center;gap:6px;cursor:pointer;color:#cbd5f1;font-size:12px;list-style:none}.library-rank-editor summary::-webkit-details-marker{display:none}.library-rank-editor summary .material-symbols-rounded{font-size:17px}.library-rank-editor form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:8px;align-items:end}.library-rank-editor label{display:grid;gap:4px}.library-rank-editor label span{font-size:12px;color:#8f9aba}.library-rank-editor input{min-width:0;width:100%;border:1px solid rgba(255,255,255,.1);background:#11162c;color:#eef3ff;border-radius:8px;padding:8px;font:inherit;font-size:12px}@media(max-width:760px){.library-rank-editor form{grid-template-columns:1fr 1fr}.library-rank-editor button{grid-column:1/-1}}
/* v1.6.1 - GROUPFINDER dialogs, notification permission and account security */
.gf-dialog-open{overflow:hidden}.gf-dialog-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(4,7,18,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.gf-dialog-backdrop[hidden]{display:none}.gf-dialog{position:relative;width:min(460px,100%);border:1px solid rgba(255,255,255,.12);background:#11162c;border-radius:18px;padding:26px;box-shadow:0 28px 90px rgba(0,0,0,.45)}.gf-dialog-close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#9ba8cb;cursor:pointer}.gf-dialog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(199,255,104,.1);color:#c8ff68;margin-bottom:14px}.gf-dialog h2{margin:0 36px 8px 0;font-family:'Barlow Condensed',sans-serif;font-size:25px}.gf-dialog p{margin:0;color:#a9b4d0;line-height:1.5}.gf-dialog textarea{width:100%;margin-top:14px;border:1px solid rgba(255,255,255,.12);background:#0d1226;color:#eff3ff;border-radius:10px;padding:11px;resize:vertical;font:inherit;font-size:14px}.gf-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.browser-notification-box,.account-security-card>div{display:flex;align-items:center;gap:12px}.browser-notification-box{margin-top:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.07)}.browser-notification-box>span,.account-security-card>div>span:nth-child(2){display:grid;gap:2px;flex:1}.browser-notification-box small,.account-security-card small{color:#8f9aba;font-size:12px}.account-security-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-security-card>div>.material-symbols-rounded{color:#c8ff68}@media(max-width:720px){.account-security-card,.browser-notification-box{align-items:flex-start;flex-direction:column}.gf-dialog-actions{flex-direction:column-reverse}.gf-dialog-actions .btn{width:100%}}
.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-success{padding:10px 12px;border-radius:10px;background:rgba(200,255,104,.09);border:1px solid rgba(200,255,104,.2);color:#dfffb0}
/* v1.6.1 - per-game rank search */
.match-rank-filter{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(110px,.6fr)) auto;gap:10px;align-items:end;margin:12px 0 18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.match-rank-filter>span{display:grid;gap:3px}.match-rank-filter>span small{color:#8793b7;font-size:12px}.match-rank-filter label{display:grid;gap:5px;color:#929ec3;font-size:12px}.match-rank-filter input{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0d1230;color:#edf2ff;padding:0 10px}.match-rank-filter .text-link{grid-column:1/-1;margin:0}.player-game-rank{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:#d9ff85;font-size:12px}.player-game-rank .material-symbols-rounded{font-size:17px}@media(max-width:980px){.match-rank-filter{grid-template-columns:1fr 1fr}.match-rank-filter>span{grid-column:1/-1}}@media(max-width:600px){.match-rank-filter{grid-template-columns:1fr}}

/* v1.6.1 - Party game picker + compact friend provider actions */
.live-game-field{position:relative}
.live-game-picker-shell{position:relative}
.live-game-picker-input{position:relative;display:flex;align-items:center;min-height:58px;border:1px solid rgba(133,149,211,.22);border-radius:18px;background:#0b1031;overflow:hidden;transition:.18s ease}
.live-game-picker-input:focus-within,.live-game-field.open .live-game-picker-input{border-color:rgba(200,255,104,.42);box-shadow:0 0 0 4px rgba(200,255,104,.07)}
.live-game-picker-input>.material-symbols-rounded{margin-left:16px;color:#95a2c7;font-size:22px}
.live-game-picker-input input{flex:1;min-width:0;min-height:56px;padding:0 10px;border:0!important;background:transparent!important;color:#eef2ff;font-size:16px;outline:0}
.live-game-picker-input input::placeholder{color:#7885a8}
.live-game-picker-toggle{width:52px;min-height:56px;border:0;background:transparent;color:#a4b0d0;cursor:pointer}
.live-game-picker-toggle .material-symbols-rounded{font-size:24px;transition:transform .18s ease}
.live-game-field.open .live-game-picker-toggle .material-symbols-rounded{transform:rotate(180deg)}
.live-game-picker-results{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:40;max-height:360px;overflow:auto;padding:10px;border:1px solid rgba(133,149,211,.2);border-radius:22px;background:rgba(7,11,34,.98);box-shadow:0 24px 70px rgba(0,0,0,.48)}
.live-game-option{width:100%;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);cursor:pointer;text-align:left;color:#edf1ff;transition:.18s ease}
.live-game-option+ .live-game-option{margin-top:8px}
.live-game-option img{width:56px;height:56px;border-radius:14px;object-fit:cover}
.live-game-option span{display:grid;gap:2px;min-width:0}
.live-game-option strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-game-option small{font-size:13px;color:#8ea0c8}
.live-game-option:hover,.live-game-option.selected{border-color:rgba(200,255,104,.35);background:rgba(200,255,104,.07)}
.live-game-option.selected small{color:#c8ff68}
.live-game-no-results{padding:14px 10px;color:#94a1c1;font-size:14px}
@media(max-width:720px){.live-game-picker-results{max-height:300px}.live-game-option{grid-template-columns:48px minmax(0,1fr)}.live-game-option img{width:48px;height:48px}}

.rail-player-actions{display:flex;align-items:center;gap:7px}
.rail-player-actions .rail-chat-steam,
.rail-player-actions .rail-chat-discord,
.rail-player-actions .rail-chat-call,
.rail-player-actions .rail-chat-profile{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;box-shadow:none!important;opacity:1!important}
.rail-player-actions .rail-chat-steam{background:#fff!important;border-color:#fff!important}
.rail-player-actions .rail-chat-steam img{width:15px!important;height:15px!important;filter:none!important}
.rail-player-actions .rail-chat-discord{background:#5865f2!important;border-color:#6f7aff!important}
.rail-player-actions .rail-chat-discord img{width:15px!important;height:15px!important;filter:none!important}
.rail-player-actions .rail-chat-call{background:rgba(255,255,255,.04)!important;color:#eef2ff!important}
.rail-player-actions .rail-chat-profile{background:rgba(255,255,255,.04)!important;color:#eef2ff!important}
.rail-player-actions .rail-chat-steam:hover{background:#eef1f6!important}
.rail-player-actions .rail-chat-discord:hover{background:#6a75ff!important}
.rail-player-actions .rail-chat-call:hover,.rail-player-actions .rail-chat-profile:hover{background:rgba(255,255,255,.1)!important;opacity:1!important}

/* v1.6.2 - plain white provider icons */
.rail-player-actions{
  gap:10px;
}
.rail-player-actions .rail-chat-steam,
.rail-player-actions .rail-chat-discord,
.rail-player-actions .rail-chat-call,
.rail-player-actions .rail-chat-profile{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.rail-player-actions .rail-chat-steam img,
.rail-player-actions .rail-chat-discord img{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
  opacity:.92;
}
.rail-player-actions .rail-chat-call .material-symbols-rounded,
.rail-player-actions .rail-chat-profile .material-symbols-rounded{
  font-size:19px!important;
  color:#fff!important;
  opacity:.92;
}
.rail-player-actions .rail-chat-steam:hover img,
.rail-player-actions .rail-chat-discord:hover img,
.rail-player-actions .rail-chat-call:hover .material-symbols-rounded,
.rail-player-actions .rail-chat-profile:hover .material-symbols-rounded{
  opacity:1;
}

/* v1.6.3 - library view switcher and compact/list layouts */
.library-view-switch{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:12px;padding:4px;border:1px solid rgba(137,151,190,.18);border-radius:12px;background:#0b1031}
.library-view-switch a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:9px;color:#8f9aba;font-size:12px;font-weight:800}
.library-view-switch a .material-symbols-rounded{font-size:16px;color:inherit!important}
.library-view-switch a:hover{background:rgba(255,255,255,.05);color:#eef3ff}
.library-view-switch a.active{background:rgba(200,255,104,.12);color:#d9ff98}

.library-grid.is-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px!important}
.library-grid.is-compact{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px!important}
.library-grid.is-list{display:grid;grid-template-columns:1fr;gap:11px!important}

.library-game-card-compact{display:grid;grid-template-rows:auto 1fr}
.library-game-card-compact .library-cover{aspect-ratio:1/1!important}
.library-game-card-compact .library-game-info{padding:10px 10px 11px!important}
.library-game-card-compact .library-game-info h2{font-size:12px!important;line-height:1.2;min-height:30px}
.library-game-card-compact .library-game-info p{font-size:12px;line-height:1.35}
.library-game-card-compact .library-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px!important}
.library-game-card-compact .library-card-actions>*{font-size:12px}
.library-game-card-compact .library-rank-editor summary{font-size:12px}

.library-game-card-list{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid rgba(137,151,190,.18);border-radius:16px;background:linear-gradient(180deg,rgba(14,20,44,.9),rgba(9,14,34,.96))}
.library-game-card-list .library-cover{aspect-ratio:1/1!important;width:92px;border-radius:14px;overflow:hidden}
.library-game-card-list .library-favorite-form{position:static!important;align-self:flex-start;justify-self:end}
.library-game-card-list .library-favorite-form .favorite-button{position:static!important}
.library-game-card-list .library-game-info{padding:0!important;min-width:0}
.library-game-card-list .library-game-info h2{font-size:18px!important;line-height:1.15;margin-bottom:4px}
.library-game-card-list .library-game-info p{font-size:13px;color:#9fabc8}
.library-list-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.library-list-meta span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(137,151,190,.14);border-radius:999px;color:#94a2c4;font-size:12px}
.library-game-card-list .library-rank-editor{max-width:560px}
.library-game-card-list .library-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px!important}
.library-game-card-list .library-card-actions form{margin:0}
.library-game-card-list .library-card-actions button,
.library-game-card-list .library-card-actions .playing-now,
.library-game-card-list .library-card-actions span{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 11px;border:1px solid rgba(137,151,190,.16);border-radius:999px;background:rgba(255,255,255,.02);color:#d7deee;font-size:12px;font-weight:700}
.library-game-card-list .current-badge{font-size:12px}

@media(max-width:1200px){
  .library-grid.is-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .library-grid.is-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .library-grid.is-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .library-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .library-game-card-list{grid-template-columns:78px minmax(0,1fr)}
  .library-game-card-list .library-favorite-form{grid-column:2;justify-self:start}
}
@media(max-width:620px){
  .library-view-switch{width:100%}
  .library-view-switch a{flex:1 1 0;justify-content:center;padding:0 8px}
  .library-grid.is-cards,.library-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .library-game-card-list{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:10px}
  .library-game-card-list .library-cover{width:68px}
  .library-game-card-list .library-game-info h2{font-size:15px!important}
}

/* v1.6.4 - clean horizontal library list */
.library-grid.is-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid rgba(137,151,190,.13)}
.library-list-row{min-height:86px;display:grid;grid-template-columns:70px minmax(230px,1.45fr) minmax(135px,.62fr) minmax(170px,.78fr) auto;align-items:center;gap:16px;padding:8px 2px;border-bottom:1px solid rgba(137,151,190,.13);background:transparent!important;border-radius:0!important}
.library-list-row:hover{background:rgba(255,255,255,.018)!important}
.library-list-cover{position:relative;width:70px;height:70px;display:block;overflow:hidden;border-radius:10px;background:#0c1228}
.library-list-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.library-list-cover.image-failed .library-image-fallback{display:grid!important}
.library-list-main{min-width:0;display:grid;gap:7px;align-content:center}
.library-list-main h2{margin:0;font:650 18px/1.15 "Barlow",sans-serif;color:#eef2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-list-subline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#8896b8;font-size:12px}
.library-list-subline span+span{position:relative;padding-left:12px}
.library-list-subline span+span:before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#566587;transform:translateY(-50%)}
.library-list-status{min-width:0;display:flex;align-items:center}
.library-list-status form{margin:0}
.library-list-status button,.library-list-now{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#aeb9d4;font:700 12px "Barlow",sans-serif;cursor:pointer}
.library-list-status button:hover{background:rgba(200,255,104,.07);color:#d9ff98}
.library-list-now{color:#83edbd}
.library-list-now i{width:7px;height:7px;border-radius:50%;background:#76edb7;box-shadow:0 0 0 4px rgba(118,237,183,.08)}
.library-list-rank{position:relative;min-width:0}
.library-list-rank>summary{min-height:34px;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:#aeb9d4;font-size:12px;font-weight:700;white-space:nowrap}
.library-list-rank>summary::-webkit-details-marker{display:none}
.library-list-rank>summary .material-symbols-rounded{font-size:18px;color:#c8ff68}
.library-list-rank>form{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:360px;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;padding:12px;border:1px solid rgba(137,151,190,.2);border-radius:14px;background:#090f29;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.library-list-rank label{display:grid;gap:4px;color:#8795b5;font-size:12px}
.library-list-rank input{width:100%;min-height:36px;border:1px solid rgba(137,151,190,.17);border-radius:9px;background:#0d1433;color:#eef2ff;padding:0 9px}
.library-list-end{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:max-content}
.library-list-end .library-favorite-form{position:static!important;margin:0!important}
.library-list-end .favorite-button{position:static!important;width:28px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;color:#edf2ff!important}
.library-list-end .favorite-button .material-symbols-rounded{font-size:24px}
.library-list-end .favorite-button.active{color:#ff86b0!important}
.library-list-party-pick{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(200,255,104,.18);border-radius:10px;background:rgba(200,255,104,.05);color:#d9ff98;font-size:12px;font-weight:800}
.library-list-party-pick:hover{background:#c8ff68;color:#101527}
.library-list-party-pick .material-symbols-rounded{font-size:17px}
@media(max-width:1050px){.library-list-row{grid-template-columns:66px minmax(190px,1fr) minmax(125px,.55fr) auto}.library-list-rank{display:none}.library-list-cover{width:66px;height:66px}}
@media(max-width:760px){.library-list-row{grid-template-columns:58px minmax(0,1fr) auto;gap:11px;min-height:74px}.library-list-cover{width:58px;height:58px}.library-list-status{display:none}.library-list-end{grid-column:3}.library-list-main h2{font-size:15px}.library-list-subline{gap:6px}.library-list-subline span:nth-child(n+2){display:none}}

/* v1.6.4 - canonical Steam game variants */
.game-steam-variants{max-width:1280px;margin:18px auto 0;padding:0 20px}
.game-steam-variants-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:30px;align-items:end;padding:0 0 14px;border-bottom:1px solid rgba(137,151,190,.14)}
.game-steam-variants-head h2{margin:3px 0 0;font:500 28px/1 "Barlow Condensed",sans-serif;color:#eef2ff}
.game-steam-variants-head>p{margin:0;color:#8f9cbd;font-size:13px;line-height:1.5}
.game-steam-variant-list{display:grid}
.game-steam-variant-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(120px,auto) 24px;align-items:center;gap:13px;min-height:68px;padding:9px 2px;border-bottom:1px solid rgba(137,151,190,.11);color:#e9eefc}
.game-steam-variant-row:hover{background:rgba(255,255,255,.018)}
.game-steam-variant-row>img{width:48px;height:48px;border-radius:9px;object-fit:cover}
.game-steam-variant-name{display:grid;gap:2px;min-width:0}
.game-steam-variant-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-steam-variant-name small{font-size:12px;color:#8390b0}
.game-steam-variant-time{display:grid;justify-items:end;gap:1px}
.game-steam-variant-time strong{font-size:13px;color:#c8ff68}
.game-steam-variant-time small{font-size:12px;color:#8491b2}
.game-steam-variant-time.muted strong{color:#9ba7c3}
.game-steam-variant-row>.material-symbols-rounded{font-size:18px;color:#7482a5}
@media(max-width:720px){.game-steam-variants{padding:0}.game-steam-variants-head{grid-template-columns:1fr;gap:9px}.game-steam-variant-row{grid-template-columns:42px minmax(0,1fr) auto}.game-steam-variant-row>img{width:42px;height:42px}.game-steam-variant-row>.material-symbols-rounded{display:none}.game-steam-variant-time small{display:none}}

/* v1.6.5 - compact page headers */
.compact-page-heading{
  align-items:center!important;
  margin:4px 0 12px!important;
  min-height:66px;
}
.compact-page-heading .section-kicker{
  margin:0 0 7px!important;
  font-size:12px;
}
.compact-page-heading h1{
  margin:0!important;
  line-height:.95!important;
}
.library-heading.compact-page-heading h1{font-size:40px!important}
.match-heading-v2.compact-page-heading h1{font-size:46px!important}
.compact-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.compact-heading-actions .btn{min-height:40px;padding:0 16px;font-size:12px}
.compact-heading-actions .view-mode-switch{margin-left:2px}

.compact-heading-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.library-compact-toolbar .library-tabs,
.library-compact-toolbar .library-view-switch{margin-top:0!important}
.library-compact-toolbar .library-tabs{gap:6px}
.library-compact-toolbar .library-tabs a{padding:6px 11px}
.library-compact-toolbar .library-view-switch{padding:3px}
.library-compact-toolbar .library-view-switch a{min-height:32px;padding:0 10px}
.library-actions{align-items:center}
.library-actions .btn{min-height:42px;padding:0 17px}

.favorites-page .favorite-players-section:first-of-type{padding-top:18px}
.favorites-page .favorite-players-section,
.favorites-page .favorite-games-section{padding-top:20px;padding-bottom:20px}
.match-content-v2 .compact-page-heading{margin-bottom:14px!important}
.match-content-v2 .match-game-context{margin-top:0}

@media(max-width:760px){
  .compact-page-heading{display:grid!important;gap:10px!important;min-height:0;margin-bottom:10px!important}
  .compact-heading-actions{justify-content:flex-start;margin-top:0!important}
  .library-heading.compact-page-heading h1{font-size:34px!important}
  .match-heading-v2.compact-page-heading h1{font-size:38px!important}
  .compact-heading-toolbar{margin-bottom:14px}
  .library-compact-toolbar{align-items:stretch}
  .library-compact-toolbar .library-tabs{width:auto}
  .library-compact-toolbar .library-view-switch{width:100%}
}

/* v1.6.6 - external Party invite sharing */
.party-room-invites-title{grid-template-columns:minmax(0,1fr) auto!important}.party-room-copy-invite{width:34px;height:34px;border:1px solid rgba(137,151,190,.16);border-radius:10px;display:grid;place-items:center;background:transparent;color:#a7b4d5;cursor:pointer}.party-room-copy-invite:hover,.party-room-copy-invite.is-copied{border-color:rgba(200,255,104,.3);color:#c8ff68;background:rgba(200,255,104,.06)}.party-room-copy-invite .material-symbols-rounded{font-size:18px}.party-room-invite-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.party-room-steam-invite{min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;display:inline-flex;align-items:center;gap:6px;background:transparent;color:#eef2ff;font-size:12px;font-weight:750;cursor:pointer}.party-room-steam-invite img{width:15px;height:15px;filter:brightness(0) invert(1)}.party-room-steam-invite:hover,.party-room-steam-invite.is-copied{border-color:rgba(200,255,104,.28);color:#c8ff68;background:rgba(200,255,104,.05)}.party-room-invite-actions form{margin:0}.party-room-invite-actions form button{min-height:32px;padding:0 10px}.party-room-invited{min-height:32px;display:inline-flex;align-items:center}
.party-room-steam-outsiders{margin-top:12px;padding-top:12px;border-top:1px solid rgba(137,151,190,.12)}.party-room-steam-outsiders-head{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:8px}.party-room-steam-outsiders-head>img{width:20px;height:20px;filter:brightness(0) invert(1)}.party-room-steam-outsiders-head>span{display:grid;gap:1px}.party-room-steam-outsiders-head strong{font-size:12px;color:#edf2ff}.party-room-steam-outsiders-head small{font-size:12px;color:#7f8db0}.external-steam-invite-row>a{min-width:0}.external-steam-invite-row>a>span{min-width:0}.external-steam-invite-row>a strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v1.6.7 - Party WebRTC voice */
.party-voice-card{margin:16px 0 18px;border-top:1px solid rgba(137,151,190,.18);border-bottom:1px solid rgba(137,151,190,.18);padding:16px 0;background:transparent}
.party-voice-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.party-voice-title{display:flex;align-items:center;gap:11px;min-width:0}
.party-voice-title>.material-symbols-rounded{font-size:24px;color:var(--app-yellow)}
.party-voice-title>span:last-child{display:grid;gap:1px}
.party-voice-title small{font-size:12px;color:var(--app-yellow);font-weight:850;letter-spacing:.09em}
.party-voice-title strong{font-size:18px;color:#eef3ff}
.party-voice-title em{font-size:12px;color:#8794b6;font-style:normal}
.party-voice-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.party-voice-controls button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(137,151,190,.18);border-radius:10px;background:#0b1031;color:#dce4f7;font-size:12px;font-weight:800;cursor:pointer}
.party-voice-controls button:hover{border-color:rgba(255,216,77,.35);color:#fff}
.party-voice-controls .party-voice-join{border-color:transparent;background:linear-gradient(110deg,var(--app-yellow),var(--app-yellow-2));color:#141826}
.party-voice-controls .party-voice-leave{border-color:rgba(255,110,130,.22);color:#ff9cad;background:rgba(255,110,130,.05)}
.party-voice-controls button.active{border-color:rgba(255,216,77,.34);color:#ffe68c;background:rgba(255,216,77,.06)}
.party-voice-controls .material-symbols-rounded{font-size:18px}
.party-voice-body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start;margin-top:14px}
.party-voice-status{font-size:12px;color:#8794b6;padding-top:8px}
.party-voice-status[data-state="connected"]{color:#79e7b6}.party-voice-status[data-state="error"]{color:#ff9cad}
.party-voice-participants{display:flex;flex-wrap:wrap;gap:8px}
.party-voice-person{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;min-width:180px;padding:7px 9px;border:1px solid rgba(137,151,190,.13);border-radius:12px;background:rgba(255,255,255,.018)}
.party-voice-avatar{position:relative;display:block;width:32px;height:32px}.party-voice-avatar img{width:32px;height:32px;border-radius:9px;object-fit:cover}.party-voice-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #080d24;border-radius:50%;background:#74e6b5;box-shadow:0 0 10px rgba(116,230,181,.35)}
.party-voice-person>span:nth-child(2){display:grid;gap:1px;min-width:0}.party-voice-person strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-voice-person small{font-size:12px;color:#7f8baa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.party-voice-mic-icon{font-size:16px;color:#7583a5}.party-voice-person.is-speaking{border-color:rgba(116,230,181,.4);box-shadow:0 0 0 2px rgba(116,230,181,.06)}.party-voice-person.is-speaking .party-voice-mic-icon{color:#74e6b5}.party-voice-person.is-me{background:rgba(255,216,77,.025)}
.party-voice-empty{font-size:12px;color:#7481a2;padding:8px 0}
@media(max-width:820px){.party-voice-head{align-items:flex-start;flex-direction:column}.party-voice-controls{justify-content:flex-start}.party-voice-body{grid-template-columns:1fr;gap:6px}.party-voice-person{min-width:min(100%,220px)}}

/* v1.6.7 - onboarding avatar cleanup + GROUPFINDER yellow CTAs */
.onboarding-page .onboarding-primary{border-color:transparent!important;background:linear-gradient(110deg,var(--app-yellow,#ffd84d),var(--app-yellow-2,#fff0a2))!important;color:#141826!important;box-shadow:0 10px 25px rgba(255,216,77,.14)!important}
.onboarding-page .onboarding-primary:hover{background:linear-gradient(110deg,#ffe067,#fff09d)!important;color:#141826!important}
.avatar-picker-games{display:flex!important;flex-wrap:wrap!important;gap:18px!important;align-items:flex-start!important}
.avatar-picker-games .avatar-choice{flex:0 0 112px!important;width:112px!important;min-width:112px!important;display:block!important;text-align:center!important}
.avatar-picker-games .avatar-choice>span{display:grid!important;gap:8px!important;width:112px!important;height:auto!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
.avatar-picker-games .game-avatar-choice img,.avatar-picker-games .avatar-choice-button img{display:block!important;width:92px!important;height:92px!important;margin:0 auto!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;border:2px solid rgba(137,151,190,.2)!important;background:#10162e!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important}
.avatar-picker-games .game-avatar-choice small,.avatar-picker-games .avatar-choice-button small{position:static!important;display:block!important;width:100%!important;padding:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;color:#b9c3db!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
.avatar-picker-games .game-avatar-choice input:checked+span,.avatar-picker-games .avatar-choice.is-selected>span{outline:0!important;box-shadow:none!important}
.avatar-picker-games .game-avatar-choice input:checked+span img,.avatar-picker-games .avatar-choice.is-selected>span img{border-color:var(--app-yellow,#ffd84d)!important;box-shadow:0 0 0 3px rgba(255,216,77,.12),0 10px 26px rgba(0,0,0,.28)!important}
.avatar-upload-zone-v2{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;max-width:780px!important;margin:22px 0 10px!important;padding:14px 15px!important;border:1px solid rgba(137,151,190,.2)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(14,20,50,.84),rgba(9,14,36,.94))!important;cursor:pointer!important}
.avatar-upload-zone-v2:hover,.avatar-upload-zone-v2:focus,.avatar-upload-zone-v2.is-dragging{border-color:rgba(255,216,77,.38)!important;background:linear-gradient(180deg,rgba(20,25,56,.9),rgba(11,16,40,.96))!important;outline:0!important}
.avatar-upload-zone-v2 .avatar-upload-icon{width:48px!important;height:48px!important;border:1px solid rgba(255,216,77,.22)!important;border-radius:14px!important;background:rgba(255,216,77,.06)!important;color:var(--app-yellow,#ffd84d)!important;display:grid!important;place-items:center!important}
.avatar-upload-zone-v2 .avatar-upload-icon .material-symbols-rounded{font-size:24px!important}
.avatar-upload-zone-v2 .avatar-upload-copy{display:grid!important;gap:3px!important;min-width:0!important}
.avatar-upload-zone-v2 .avatar-upload-copy strong{font-size:14px!important;font-weight:750!important;color:#eef3ff!important}
.avatar-upload-zone-v2 .avatar-upload-copy span{font-size:12px!important;color:#8794b7!important;line-height:1.45!important}
@media(max-width:720px){.avatar-picker-games{gap:12px!important}.avatar-picker-games .avatar-choice{flex-basis:82px!important;width:82px!important;min-width:82px!important}.avatar-picker-games .avatar-choice>span{width:82px!important}.avatar-picker-games .game-avatar-choice img,.avatar-picker-games .avatar-choice-button img{width:72px!important;height:72px!important}.avatar-upload-zone-v2{grid-template-columns:44px minmax(0,1fr)!important}.avatar-upload-zone-v2 .onboarding-primary{grid-column:1/-1!important;width:100%!important}.avatar-upload-zone-v2 .avatar-upload-icon{width:44px!important;height:44px!important}}
.party-room-message{position:relative}
.party-message-report{align-self:start;margin:0}
.party-message-report button{width:26px;height:26px;border:0;background:transparent;color:#657391;display:grid;place-items:center;cursor:pointer;padding:0}
.party-message-report button:hover{color:#ff9cad}
.party-message-report .material-symbols-rounded{font-size:16px}
.admin-report-list{display:grid;gap:10px}.admin-report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:15px 0;border-bottom:1px solid rgba(137,151,190,.16)}.admin-report-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-report-meta span,.admin-report-meta b,.admin-report-meta em{font-size:12px;font-style:normal}.admin-report-meta b{color:var(--app-yellow)}.admin-report-meta span,.admin-report-meta em{color:#7e8bab}.admin-report-main h2{margin:7px 0 2px;font:500 22px/1 "Barlow Condensed",sans-serif}.admin-report-main>p{margin:0;color:#8995b5;font-size:12px}.admin-report-main blockquote{margin:10px 0 0;padding:9px 11px;border-left:2px solid rgba(255,216,77,.3);background:rgba(255,255,255,.02);color:#b0bad3;font-size:12px}.admin-report-evidence{margin-top:10px;padding:11px;border:1px solid rgba(255,113,136,.15);border-radius:12px;background:rgba(255,113,136,.035)}.admin-report-evidence strong{font-size:12px;color:#ffb2bd}.admin-report-evidence p{margin:6px 0;color:#eef2ff;font-size:13px}.admin-report-evidence small{font-size:12px;color:#8491b0}.admin-report-row>form{display:flex;align-items:center;gap:8px}.admin-report-row select{min-height:38px;border:1px solid var(--app-border);border-radius:10px;background:#0b1031;color:#eef2ff;padding:0 30px 0 10px}@media(max-width:760px){.admin-report-row{grid-template-columns:1fr}.admin-report-row>form{justify-content:flex-start}}