@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#5f42f0;--primary-hover:color-mix(in srgb, var(--primary) 85%, black);--primary-light:color-mix(in srgb, var(--primary) 6%, white);--primary-gradient:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, black));--success:#1daf52;--success-light:#e9fbf0;--warning:#f59f0a;--warning-light:#fef5e7;--danger:#e8304f;--danger-light:#fdedef;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass-bg:#ffffffb3;--glass-border:#e2e8f0cc;--glass-filter:blur(8px);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-primary:#090d16;--bg-secondary:#111827;--bg-tertiary:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--primary-light:#191339;--success-light:#0f2e1b;--warning-light:#2e230f;--danger-light:#2e0f14;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--glass-bg:#111827b3;--glass-border:#37415199}}body.dark-theme{--bg-primary:#090d16;--bg-secondary:#111827;--bg-tertiary:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--primary-light:color-mix(in srgb, var(--primary) 12%, black);--success-light:#0f2e1b;--warning-light:#2e230f;--danger-light:#2e0f14;--glass-bg:#111827b3;--glass-border:#37415199}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-light:color-mix(in srgb, var(--primary) 6%, white);--success-light:#e9fbf0;--warning-light:#fef5e7;--danger-light:#fdedef;--glass-bg:#ffffffb3;--glass-border:#e2e8f0cc}body.sport-snooker{--primary:#0d7337}body.sport-pool{--primary:#13867c}body.sport-tennis{--primary:#d45f11}body.sport-table_tennis{--primary:#1763cf}body.sport-badminton{--primary:#0a94c2}body.sport-squash{--primary:#e09006}body.sport-kicker{--primary:#24a850}body.sport-chess{--primary:#4c5967}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);padding:1.5rem}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:700;line-height:1.25}@keyframes pulse-ring{0%{opacity:1;transform:scale(.95);box-shadow:0 0 #10b981b3}70%{opacity:.5;transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{opacity:1;transform:scale(.95);box-shadow:0 0 #10b98100}}.pulse-target{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring}@keyframes pulse-ring-protected{0%{opacity:1;transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{opacity:.5;transform:scale(1.05);box-shadow:0 0 0 10px #f59e0b00}to{opacity:1;transform:scale(.95);box-shadow:0 0 #f59e0b00}}.pulse-target-protected{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring-protected}.player-card.challenge-target-protected{border-color:var(--warning);background:var(--warning-light);border-width:2px}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fade-in}.pyramid-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;margin:2rem 0;padding:1.5rem .5rem;display:flex;overflow-x:auto}.pyramid-container::-webkit-scrollbar{height:6px}.pyramid-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.pyramid-inner{flex-direction:column;align-items:center;gap:12px;width:max-content;margin:0 auto;display:flex}.pyramid-row{justify-content:center;gap:12px;width:max-content;display:flex}.player-card{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);width:125px;height:80px;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;padding:8px;display:flex;position:relative}.player-card:hover{box-shadow:var(--shadow-md);border-color:var(--text-muted);transform:translateY(-2px)}.player-card.active-user{background:var(--primary-light);border-color:var(--primary);border-width:2px}.player-card.challenge-target{border-color:var(--success);background:var(--success-light);border-width:2px}.player-card.challenged{opacity:.65;background:var(--bg-tertiary);border-color:var(--border-color);cursor:not-allowed}.player-card.paused{opacity:.5;background:var(--bg-tertiary);border-style:dashed}.player-rank{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:9999px;padding:2px 6px;font-size:.65rem;font-weight:800;position:absolute;top:6px;left:6px}.player-card.active-user .player-rank{background:var(--primary);color:#fff}.player-name{text-align:center;word-break:break-word;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:1.2rem;font-size:.75rem;font-weight:600;overflow:hidden}.player-status-badge{text-transform:uppercase;border-radius:4px;margin-top:2px;padding:1px 4px;font-size:.6rem;font-weight:700}.status-badge-active{color:var(--success);background:var(--success-light)}.status-badge-challenged{color:var(--warning);background:var(--warning-light)}.status-badge-paused{color:var(--text-muted);background:var(--bg-tertiary)}.status-badge-cooldown{color:var(--danger);background:var(--danger-light)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.form-group{flex-direction:column;gap:6px;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:.625rem .875rem;font-size:.875rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:500px;padding:2rem;animation:.3s ease-out forwards fade-in;position:relative}@media (width<=600px){.player-card{width:95px!important;height:68px!important;padding:6px!important}.player-name{margin-top:1rem!important;font-size:.68rem!important}.player-rank{padding:1px 4px!important;font-size:.55rem!important;top:4px!important;left:4px!important}.pyramid-row{gap:8px!important}.pyramid-container{padding-left:1rem;padding-right:1rem;gap:8px!important}}.navbar-container{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.nav-burger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.nav-menu{align-items:center;gap:8px;display:flex}.nav-divider{border-left:1px solid var(--border-color);height:24px;margin:0 8px}.nav-theme-toggle{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.nav-theme-toggle:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.mobile-only-text{display:none}@media (width<=768px){.nav-burger-btn{display:block}.nav-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem;animation:.25s ease-out fade-in;display:none;position:absolute;top:100%;left:0;right:0}.nav-menu.open{display:flex}.nav-divider{border-top:1px solid var(--border-color);border-left:none;width:100%;height:1px;margin:8px 0}.mobile-only-text{display:inline}.nav-theme-toggle{gap:6px;border-radius:var(--radius-sm)!important;justify-content:flex-start!important;width:100%!important;height:auto!important;padding:.625rem .875rem!important}.nav-logout-btn{width:100%;justify-content:flex-start!important;padding:.625rem .875rem!important}.nav-dev-mode{padding:.625rem .875rem!important}}.custom-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100vw - 48px);max-width:400px;display:flex;position:fixed;top:24px;right:24px}.custom-toast{pointer-events:auto;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);transition:var(--transition-smooth);align-items:center;gap:12px;padding:1rem 1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-in;display:flex}.custom-toast.success{border-left:4px solid var(--success)}.custom-toast.error{border-left:4px solid var(--danger)}.custom-toast.info{border-left:4px solid var(--primary)}.custom-toast-message{color:var(--text-primary);font-size:.9rem;font-weight:500}@keyframes slide-in{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.custom-modal-backdrop{-webkit-backdrop-filter:var(--glass-filter);z-index:9990;background:#0006;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out forwards fade-in-backdrop;display:flex;position:fixed;inset:0}.custom-modal{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);flex-direction:column;gap:1.25rem;width:100%;max-width:500px;padding:1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards scale-in-modal;display:flex}@keyframes fade-in-backdrop{0%{opacity:0}to{opacity:1}}@keyframes scale-in-modal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.slug-input-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);align-items:stretch;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.slug-input-prefix{color:var(--text-muted);-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);border-right:1px solid var(--border-color);align-items:center;padding:0 14px;font-size:.85rem;font-weight:600;display:flex}.slug-input-field{outline:none;flex-grow:1;box-shadow:none!important;background:0 0!important;border:none!important;height:100%!important;padding-left:12px!important}.slug-input-wrapper:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px #ffb80026!important}.player-card.placeholder-card{opacity:.55;border:1px dashed var(--border-color)!important;box-shadow:none!important;background:#ffffff03!important}.player-card.placeholder-card .player-name{font-style:italic;font-weight:500;color:var(--text-muted)!important}.player-card.placeholder-card:hover{box-shadow:none!important;border-color:var(--border-color)!important;transform:none!important}