@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=DM+Sans:wght@400;500&display=swap";:root{--bg-depth-6:#060e15;--bg-depth-5:#0d1822;--bg-depth-4:#0f1f2e;--bg-depth-3:#132839;--bg-depth-2:#1a3a50;--bg-depth-1:#1c4a64;--ping-main:#4ecdc4;--ping-hover:#38b2aa;--ping-dim:#26817a;--ping-bg:#0d3535;--relevance-high:#4ecdc4;--relevance-mid:#2a7a70;--relevance-low:#1a4a46;--text-primary:#d4e8f0;--text-secondary:#8899a6;--text-muted:#4a6070;--border-subtle:#1c3a50;--border-normal:#1c4a64;--color-danger:#e05252;--color-danger-bg:#2a1010;--color-success:#4ecdc4;--shadow-subtle:0 14px 36px #030c1259}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text-primary);background:radial-gradient(circle at 20% 12%, #27708a33, transparent 28%), radial-gradient(circle at 85% 78%, #143f5c3d, transparent 36%), linear-gradient(170deg, var(--bg-depth-6), var(--bg-depth-5));font-family:DM Sans,sans-serif}h1,h2,.logo,.display,.section-label{letter-spacing:.04em;font-family:Rajdhani,sans-serif}a{color:var(--ping-main)}.app-content{padding-top:52px}.page-shell{min-height:calc(100vh - 52px);padding:1.25rem}.page-content{gap:1rem;width:min(100%,900px);margin:0 auto;display:grid}.card{background:var(--bg-depth-3);border:.5px solid var(--border-subtle);box-shadow:var(--shadow-subtle);border-radius:10px;padding:1rem 1.25rem}.card:hover{border-color:var(--border-normal)}.btn-primary{background:var(--ping-bg);color:var(--ping-main);border:1px solid var(--ping-dim);cursor:pointer;border-radius:6px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.btn-primary:hover{border-color:var(--ping-hover);background:#0f4040}.btn-ghost{color:var(--text-secondary);border:.5px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:6px;padding:8px 18px;font-size:13px;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-normal)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);cursor:pointer;border:1px solid #3a1515;border-radius:6px;padding:6px 14px;font-size:12px}.input,.select{background:var(--bg-depth-4);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;width:100%;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.input:focus,.select:focus{border-color:var(--ping-dim);outline:none}.input::placeholder{color:var(--text-muted)}.tag{border:.5px solid var(--border-subtle);color:var(--ping-dim);background:var(--ping-bg);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.section-label{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.text-muted{color:var(--text-secondary);font-size:12px}.error-text{color:var(--color-danger);font-size:12px}.empty-state{color:var(--text-secondary);text-align:center;padding:1.4rem}.list-grid{gap:.8rem;display:grid}.skeleton-pulse{animation:1.4s ease-in-out infinite pulse}.modal-overlay{z-index:60;background:#03070ab8;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(92vw,460px);animation:.2s modal-in}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=900px){.page-shell{padding:.9rem}}.app-navbar[data-v-1ee6ee8c]{background:var(--bg-depth-4);border-bottom:.5px solid var(--border-subtle);z-index:50;height:52px;position:fixed;inset:0 0 auto}.app-navbar-inner[data-v-1ee6ee8c]{justify-content:space-between;align-items:center;gap:10px;width:min(1120px,100%);height:100%;margin:0 auto;padding:0 12px;display:flex}.brand-link[data-v-1ee6ee8c]{color:inherit;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:6px;display:inline-flex}.logo[data-v-1ee6ee8c]{color:var(--ping-main);font-size:18px;font-weight:700}.brand-muted[data-v-1ee6ee8c]{color:var(--text-secondary);font-size:13px}.app-nav[data-v-1ee6ee8c]{gap:6px;display:flex}.nav-link[data-v-1ee6ee8c]{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.nav-link.active[data-v-1ee6ee8c]{color:var(--ping-main);border-bottom-color:var(--ping-main)}.nav-icon[data-v-1ee6ee8c]{display:inline-flex}.nav-icon svg[data-v-1ee6ee8c]{fill:currentColor;width:17px;height:17px}.profile-menu-wrap[data-v-1ee6ee8c]{position:relative}.profile-btn[data-v-1ee6ee8c]{cursor:pointer;background:0 0;border:0;padding:0}.avatar[data-v-1ee6ee8c],.avatar-fallback[data-v-1ee6ee8c]{border-radius:50%;width:28px;height:28px}.avatar[data-v-1ee6ee8c]{border:1px solid var(--border-normal)}.avatar-fallback[data-v-1ee6ee8c]{background:var(--bg-depth-2);color:var(--text-primary);justify-content:center;align-items:center;font-size:10px;display:inline-flex}.menu[data-v-1ee6ee8c]{gap:4px;min-width:180px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu button[data-v-1ee6ee8c]{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px}.menu button[data-v-1ee6ee8c]:hover{background:var(--bg-depth-2)}@media (width<=600px){.brand-muted[data-v-1ee6ee8c],.nav-label[data-v-1ee6ee8c]{display:none}}.toast-container[data-v-60253156]{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast[data-v-60253156]{pointer-events:auto;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;min-width:320px;max-width:480px;padding:1rem 1.25rem;animation:.3s ease-out slideInRight-60253156;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast-content[data-v-60253156]{flex:1;align-items:center;gap:.75rem;display:flex}.toast-icon[data-v-60253156]{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.toast-icon svg[data-v-60253156]{width:100%;height:100%}.toast-message[data-v-60253156]{word-break:break-word;font-size:.95rem;line-height:1.4}.toast-close[data-v-60253156]{cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:.25rem;transition:opacity .2s;display:flex}.toast-close[data-v-60253156]:hover{opacity:1}.toast-close svg[data-v-60253156]{width:100%;height:100%}.toast-progress[data-v-60253156]{height:3px;position:absolute;bottom:0;left:0}.toast-success[data-v-60253156]{color:#166534;background-color:#f0fdf4;border-left:4px solid #22c55e}.toast-success .toast-icon[data-v-60253156]{color:#22c55e}.toast-success .toast-close[data-v-60253156]{color:#166534}.progress-success[data-v-60253156]{background-color:#22c55e}.toast-error[data-v-60253156]{color:#7f1d1d;background-color:#fef2f2;border-left:4px solid #ef4444}.toast-error .toast-icon[data-v-60253156]{color:#ef4444}.toast-error .toast-close[data-v-60253156]{color:#7f1d1d}.progress-error[data-v-60253156]{background-color:#ef4444}.toast-warning[data-v-60253156]{color:#78350f;background-color:#fffbeb;border-left:4px solid #f59e0b}.toast-warning .toast-icon[data-v-60253156]{color:#f59e0b}.toast-warning .toast-close[data-v-60253156]{color:#78350f}.progress-warning[data-v-60253156]{background-color:#f59e0b}.toast-info[data-v-60253156]{color:#1e3a8a;background-color:#eff6ff;border-left:4px solid #3b82f6}.toast-info .toast-icon[data-v-60253156]{color:#3b82f6}.toast-info .toast-close[data-v-60253156]{color:#1e3a8a}.progress-info[data-v-60253156]{background-color:#3b82f6}@keyframes slideInRight-60253156{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight-60253156{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@keyframes progress-bar-60253156{0%{width:100%}to{width:0%}}.toast-fade-enter-active[data-v-60253156],.toast-fade-leave-active[data-v-60253156]{transition:all .3s}.toast-fade-leave-to[data-v-60253156]{opacity:0;transform:translate(400px)}@media (width<=640px){.toast-container[data-v-60253156]{top:1rem;left:1rem;right:1rem}.toast[data-v-60253156]{min-width:auto;max-width:none}.toast-message[data-v-60253156]{font-size:.9rem}}.auth-screen[data-v-2c22200d]{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card[data-v-2c22200d]{gap:.9rem;width:min(400px,100%);display:grid}.auth-header[data-v-2c22200d]{gap:.35rem;display:grid}.auth-logo[data-v-2c22200d]{font-size:28px}.auth-toggle[data-v-2c22200d]{border:.5px solid var(--border-subtle);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.toggle-btn[data-v-2c22200d]{background:var(--bg-depth-4);color:var(--text-secondary);cursor:pointer;border:0;padding:8px}.toggle-btn.active[data-v-2c22200d]{color:var(--ping-main);background:var(--ping-bg)}.auth-form[data-v-2c22200d]{gap:.45rem;display:grid}.ping-score[data-v-bb68b0c7]{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;animation:.3s ping-enter-bb68b0c7;display:flex}.ping-score.sm[data-v-bb68b0c7]{width:28px;height:28px;font-size:10px}@keyframes ping-enter-bb68b0c7{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.game-card[data-v-388e71df]{grid-template-columns:184px 1fr auto;gap:14px;transition:border-color .15s;display:grid}.cover[data-v-388e71df]{object-fit:cover;border:1px solid var(--border-subtle);border-radius:6px;width:184px;height:69px}.cover-fallback[data-v-388e71df]{border:1px dashed var(--border-normal);width:184px;height:69px;color:var(--text-secondary);background:var(--bg-depth-4);border-radius:6px;place-items:center;font-size:12px;display:grid}.content h3[data-v-388e71df]{margin:0;font-size:15px;font-weight:500}.owners-list[data-v-388e71df]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.owner-pill[data-v-388e71df]{border:.5px solid var(--border-subtle);color:var(--text-secondary);border-radius:999px;padding:2px 8px;font-size:11px}.tags-row[data-v-388e71df]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-toggle[data-v-388e71df]{color:var(--ping-main);cursor:pointer;background:0 0;border:0;font-size:11px}@media (width<=760px){.game-card[data-v-388e71df]{grid-template-columns:1fr}.cover[data-v-388e71df],.cover-fallback[data-v-388e71df]{width:100%;height:100px}}.skeleton-card[data-v-c47edb2f]{grid-template-columns:184px 1fr;gap:12px;display:grid}.thumb[data-v-c47edb2f]{background:var(--bg-depth-2);border-radius:6px;height:69px}.lines[data-v-c47edb2f]{align-content:center;gap:8px;display:grid}.line[data-v-c47edb2f]{background:var(--bg-depth-2);border-radius:99px;height:10px}.line-title[data-v-c47edb2f]{width:60%}.short[data-v-c47edb2f]{width:40%}@media (width<=600px){.skeleton-card[data-v-c47edb2f]{grid-template-columns:1fr}.thumb[data-v-c47edb2f]{width:100%}}.profile-page[data-v-ef3714ff]{max-width:900px}.profile-header[data-v-ef3714ff]{align-items:center;gap:14px;display:flex}.profile-avatar[data-v-ef3714ff]{border:1px solid var(--border-normal);border-radius:50%;width:56px;height:56px}.profile-avatar-fallback[data-v-ef3714ff]{background:var(--bg-depth-2);place-items:center;display:grid}.warning-card[data-v-ef3714ff]{border-color:var(--ping-dim);background:#0d353580}.games-head[data-v-ef3714ff]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.filters-row[data-v-ef3714ff]{grid-template-columns:1fr 220px;gap:10px;margin-bottom:12px;display:grid}@media (width<=680px){.profile-header[data-v-ef3714ff]{flex-direction:column;align-items:flex-start}.filters-row[data-v-ef3714ff]{grid-template-columns:1fr}}.groups-page[data-v-012d82ee]{max-width:900px}.groups-top[data-v-012d82ee]{justify-content:space-between;align-items:center;gap:10px;display:flex}.join-inline[data-v-012d82ee]{grid-template-columns:1fr auto;gap:8px;display:grid}.group-card[data-v-012d82ee]{justify-content:space-between;align-items:center;gap:12px;display:flex}.invite-code[data-v-012d82ee]{color:var(--text-muted);margin:6px 0;font-family:monospace}.modal-form[data-v-012d82ee]{gap:6px;margin-top:8px;display:grid}.modal-actions[data-v-012d82ee]{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=680px){.join-inline[data-v-012d82ee]{grid-template-columns:1fr}.group-card[data-v-012d82ee]{flex-direction:column;align-items:flex-start}}.group-detail-layout[data-v-964e8cc0]{grid-template-columns:240px 1fr;gap:12px;width:min(100%,1120px);margin:0 auto;display:grid}.group-sidebar[data-v-964e8cc0],.group-main[data-v-964e8cc0]{align-self:start}.code-box[data-v-964e8cc0]{margin-top:10px}.code-row[data-v-964e8cc0]{align-items:center;gap:8px;display:flex}.code-row code[data-v-964e8cc0]{color:var(--text-secondary);font-family:monospace}.members-list[data-v-964e8cc0]{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.member-row[data-v-964e8cc0]{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;display:grid}.member-avatar[data-v-964e8cc0]{background:var(--bg-depth-2);width:26px;height:26px;color:var(--text-primary);border-radius:50%;place-items:center;font-size:10px;display:grid}.sidebar-actions[data-v-964e8cc0]{gap:8px;margin-top:12px;display:grid}.filters-grid[data-v-964e8cc0]{grid-template-columns:1fr 220px 220px;gap:8px;margin-top:10px;margin-bottom:10px;display:grid}.edit-form[data-v-964e8cc0]{gap:6px;margin-top:8px;display:grid}.modal-actions[data-v-964e8cc0]{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=920px){.group-detail-layout[data-v-964e8cc0],.filters-grid[data-v-964e8cc0]{grid-template-columns:1fr}}.settings-page[data-v-f058b335]{max-width:600px}.section-block[data-v-f058b335]{gap:8px;display:grid}.row-actions[data-v-f058b335]{justify-content:flex-start;display:flex}