:root{--bg: #0a0c10;--bg-glow: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99, 140, 255, .12), transparent);--card: rgba(255, 255, 255, .035);--card-hover: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .08);--text: #e8eaee;--text-dim: #8b909a;--text-faint: #5c616b;--accent: #7aa5ff;--live: #4ade80;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);background-image:var(--bg-glow);background-repeat:no-repeat;color:var(--text);font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:880px;margin:0 auto;padding:0 20px 80px}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:28px;text-align:center}.logo{font-size:34px;font-weight:700;letter-spacing:-.03em;cursor:pointer}.logo span{color:var(--accent)}.tagline{color:var(--text-dim);font-size:15px;max-width:420px;line-height:1.5}.search{display:flex;width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:border-color .15s}.search:focus-within{border-color:#7aa5ff73}.search input{flex:1;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:15px;padding:15px 18px}.search input::placeholder{color:var(--text-faint)}.search button{background:none;border:none;color:var(--accent);font:inherit;font-size:14px;font-weight:600;padding:0 20px;cursor:pointer}.topbar{display:flex;align-items:center;gap:20px;padding:22px 0 34px}.topbar .logo{font-size:20px}.topbar .search{max-width:320px;margin-left:auto}.topbar .search input{padding:9px 14px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.profile-header{display:flex;align-items:center;gap:18px;margin-bottom:14px}.avatar{width:72px;height:72px;border-radius:50%;border:1px solid var(--border);background:var(--card)}.profile-header h1{font-size:22px;font-weight:650;letter-spacing:-.02em}.profile-header .username{color:var(--text-dim);font-size:14px;margin-top:2px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 10px}.stats-row.secondary .stat{padding:11px 10px}.stats-row.secondary .value{font-size:16px;color:var(--text-dim)}.stats-row.secondary .label{font-size:10.5px}.stat{text-align:center;padding:16px 10px}.stat .value{font-size:22px;font-weight:650;letter-spacing:-.02em}.stat .label{color:var(--text-dim);font-size:12px;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.group-card{margin-bottom:16px}.group-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.group-icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--card)}.group-name{font-weight:600;font-size:15px}.group-members{color:var(--text-faint);font-size:12.5px;margin-top:1px}.role-badge{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role-raw{font-size:13.5px;font-weight:550}.role-inferred{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#7aa5ff1a;border:1px solid rgba(122,165,255,.22);padding:2px 8px;border-radius:99px}.role-inferred.owner{color:#fbbf24;background:#fbbf2417;border-color:#fbbf2440}.role-inferred.staff,.role-inferred.tester,.role-inferred.contributor{color:var(--text-dim);background:#ffffff0a;border-color:var(--border)}.load-more{display:block;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:550;padding:13px;cursor:pointer;transition:background .12s,color .12s}.load-more:hover:not(:disabled){background:var(--card-hover);color:var(--text)}.load-more:disabled{cursor:default;opacity:.6}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.game{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;border:1px solid transparent;transition:background .12s,border-color .12s}.game:hover{background:var(--card-hover);border-color:var(--border)}.game-icon{width:48px;height:48px;border-radius:9px;background:var(--card);border:1px solid var(--border);flex-shrink:0}.game-name{font-size:13.5px;font-weight:550;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.game-meta{color:var(--text-dim);font-size:12px;margin-top:3px;display:flex;gap:10px}.game-meta .live{color:var(--live);font-weight:550}.game-meta .idle,.game-meta .minor{color:var(--text-faint)}.section-label{color:var(--text-dim);font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;margin:26px 0 10px}.partial-note{color:#fbbf24;background:#fbbf2412;border:1px solid rgba(251,191,36,.2);border-radius:10px;font-size:13px;padding:10px 14px;margin-bottom:16px}.state{text-align:center;color:var(--text-dim);padding:80px 0;font-size:15px}.state.error{color:#f0918e}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,var(--card) 40%,var(--card-hover) 50%,var(--card) 60%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.footer{text-align:center;color:var(--text-faint);font-size:12px;margin-top:48px}@media(max-width:560px){.stats-row{grid-template-columns:repeat(2,1fr)}.topbar .search{max-width:none}}