.search-bubble{background:#1b2328;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;max-width:400px;padding:8px 16px;transition:box-shadow .2s,border-color .2s;display:flex}.search-bubble:focus-within{border-color:red;box-shadow:0 0 0 3px #e24a4a40}.search-bubble input{color:#e6e6e6;background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-bubble.is-pending{opacity:.8}.spinner{border:2px solid #555;border-top-color:#ff4655;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.clear-btn{cursor:pointer;color:#888;background:0 0;border:none}.player-results{max-width:600px;margin-top:16px;padding:0;list-style:none}:root{--bg:#0f1117;--surface:#161922;--surface-2:#222634;--surface-3:#2c3142;--border:#262a36;--text:#e6e6e6;--text-muted:#9aa0ad;--brand:#ff4655;--brand-hover:#e53b4a;--error:#ff6b6b;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{max-width:1200px;margin:0 auto}h1,h2{color:#fff}p{margin:0}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;padding:30px;display:flex}.app-content{flex:1}.tab-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.tab-group{flex-wrap:wrap;gap:8px;display:flex}.tab{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:15px}.tab:hover{background:var(--surface-2);color:#fff}.tab.active{background:var(--surface-2);color:#fff;font-weight:600}.btn-primary,.btn-signup,.btn-secondary{cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:96px;height:38px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-signup{color:var(--brand);background:#fff;border-color:#fff}.btn-signup:hover{background:#ffe9eb;border-color:#ffe9eb}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-secondary:hover{background:var(--surface-3)}.auth-buttons{gap:8px;display:flex}.link-btn{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.link-btn.small{font-size:13px}.profile-btn{background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:15px;display:flex}.profile-btn:hover,.profile-btn.active{background:var(--surface-3)}.avatar{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:grid}.avatar.small{width:28px;height:28px;font-size:14px}img.avatar{object-fit:cover}.hero{grid-template-columns:1fr 1.3fr;align-items:center;gap:48px;padding:48px 0 40px;display:grid}.hero-left .site-tagline{max-width:340px;color:var(--text-muted);font-size:1.6rem;line-height:1.4}.hero-left .site-tagline strong{color:var(--text)}.hero-right{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.site-title{letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-align:right;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1}.site-title span{color:var(--brand)}.hero-right .profile-search,.hero-right .player-search{width:100%;max-width:520px;margin:0}.hero-right .search-bubble{width:100%;max-width:none}.hero-right .profile-results,.hero-right .player-results{text-align:left;max-width:none}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px));justify-content:center;gap:16px;margin:24px auto;display:grid}.game-card{background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;padding:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.game-card:hover{border-color:var(--accent,var(--brand));transform:translateY(-4px)}.game-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.game-card span{white-space:nowrap;text-overflow:ellipsis;padding:12px;font-weight:600;overflow:hidden}.player-results{margin-top:16px;padding:0;list-style:none}.player-results li{border-bottom:1px solid #333;padding:8px 0}.profile-search{max-width:600px;margin:0 auto}.profile-results{text-align:left;flex-direction:column;gap:12px;margin-top:16px;display:flex}.no-results,.muted{color:var(--text-muted)}.player-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.player-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.game-count{color:var(--text-muted);margin-left:auto;font-size:14px}.badge{color:var(--brand);background:#ff465526;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.player-games{flex-wrap:wrap;gap:8px;display:flex}.game-chip{border:1px solid var(--accent,var(--brand));color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.game-chip:hover{background:var(--surface-2)}.game-chip-name{color:var(--accent,var(--brand));font-weight:600}.modal-backdrop{z-index:100;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;width:100%;max-width:400px;padding:24px}.modal h2{margin:0 0 16px}.step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:6px;padding:10px;font-size:15px}.field textarea{resize:vertical}.field-label{margin:0 0 8px}.game-checks{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.game-check{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.game-check.checked{border-color:var(--brand)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.form-error{color:var(--error);margin:-4px 0 16px;font-size:14px}.switch-auth{text-align:center;color:var(--text-muted);margin:16px 0 0;font-size:14px}.avatar-picker{align-items:center;gap:16px;margin-bottom:20px;display:flex}.avatar-picker-actions{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.profile-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-header h1{margin:0}.profile-header p{color:var(--text-muted);margin:4px 0 0}.profile-actions{gap:8px;margin-left:auto;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding-top:16px;font-size:14px;display:flex}@media (width<=800px){.hero{text-align:center;grid-template-columns:1fr;gap:24px}.hero-left .site-tagline{max-width:none;font-size:1.2rem}.hero-right{align-items:center}.site-title{text-align:center}}