@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--color-bg-dark: #2a2a3e;--color-bg-section: #3e3e5a;--color-primary: #B56576;--color-secondary: #6D597A;--color-accent: #F4A261;--color-text-primary: #FFFFFE;--color-text-secondary: #dcdceb;--color-border: rgba(220, 220, 235, .2);--color-border-opaque: #4a4a6a;--color-game-pla: #8B7355;--color-game-swsh: #0075BE;--color-game-ioa: #FF9800;--color-game-ct: #9C27B0;--color-game-sv: #B56576;--color-game-kk: #2ECC71;--color-game-bb: #3498DB;--color-game-za: #9DC88D;--color-game-lg: #FFCB05;--color-game-frlg: #E3350D;--font-primary: "Poppins", sans-serif;--font-pixel: "Press Start 2P", cursive;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--transition-fast: .2s ease-out;--transition-base: .4s cubic-bezier(.4, 0, .2, 1);--shadow-glow: 0 0 20px rgba(244, 162, 97, .5);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-primary);line-height:1.6;font-weight:400;background-color:var(--color-bg-dark);color:var(--color-text-primary);min-height:100vh}#root{min-height:100vh;margin:0;padding:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;padding:var(--space-lg)}.page-header{background:var(--color-bg-section);border:2px solid var(--color-border);border-radius:12px;padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:0 4px 12px #0003}.page-header h2{font-family:var(--font-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-lg) 0}.page-header .stats{display:flex;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-lg);flex-wrap:wrap}.page-header .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.page-header .stat-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.page-header .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.page-header .progress-bar{width:100%;height:24px;background:var(--color-bg-dark);border-radius:12px;overflow:hidden;border:2px solid var(--color-border);position:relative}.page-header .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #f4a26180}.button{font-family:var(--font-primary);font-weight:700;font-size:.9rem;padding:var(--space-md) var(--space-xl);border:2px solid transparent;border-radius:var(--radius-md);text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all var(--transition-fast);display:inline-block;text-align:center}.button.primary{background-color:var(--color-accent);color:var(--color-bg-dark)}.button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.button.secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.button.secondary:hover{background-color:var(--color-text-primary);color:var(--color-bg-dark)}.form-container{max-width:500px;margin:var(--space-2xl) auto;padding:var(--space-xl);background-color:var(--color-bg-section);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:700;color:var(--color-text-secondary)}.form-input{width:100%;padding:var(--space-md);background-color:var(--color-bg-dark);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f4a2614d}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-bg-section);border-radius:var(--radius-lg);border:2px solid var(--color-bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.navigation{--nav-header-height: 76px;--nav-sidebar-width: 260px}.nav-header{position:fixed;top:0;left:0;right:0;z-index:140;min-height:var(--nav-header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#2a2a3ef5;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-header__left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.nav-title-link{color:inherit;text-decoration:none}.nav-title{margin:0;font-family:var(--font-pixel);font-size:clamp(1rem,2vw,1.2rem);font-weight:400;color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase}.nav-menu-button{width:44px;height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-section);color:var(--color-text-primary)}.nav-menu-button__line{width:18px;height:2px;background:currentColor;border-radius:999px}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);min-width:0}.nav-donate-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);color:var(--color-accent);text-decoration:none;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#f4a26114;transition:all var(--transition-fast)}.nav-donate-link:hover,.nav-donate-link:focus-visible{color:var(--color-text-primary);background:#f4a26129;transform:translateY(-1px)}.nav-feedback-link{font-family:var(--font-primary);font-weight:600;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:.85rem;transition:all var(--transition-fast);border:1px solid var(--color-border);text-transform:uppercase}.nav-feedback-link:hover,.nav-feedback-link:focus-visible{color:var(--color-accent);border-color:var(--color-accent);background-color:#f4a2611a}.user-info{display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-dark);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.user-name{font-size:.9rem;font-weight:700;color:var(--color-text-secondary)}.logout-button{font-family:var(--font-primary);font-weight:700;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:.8rem;text-transform:uppercase;transition:background-color var(--transition-fast)}.logout-button:hover,.logout-button:focus-visible{background:#c97c8b}.auth-buttons{display:flex;align-items:center}.nav-sign-in-button{font-family:var(--font-primary);font-weight:700;padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:var(--color-bg-dark);border-radius:var(--radius-md);font-size:.8rem;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.nav-sign-in-button:hover,.nav-sign-in-button:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.nav-backdrop{position:fixed;inset:var(--nav-header-height) 0 0 0;z-index:109;opacity:0;pointer-events:none;background:#0b0c15a6;transition:opacity var(--transition-fast)}.nav-backdrop.is-visible{opacity:1;pointer-events:auto}.nav-sidebar{position:fixed;top:var(--nav-header-height);left:0;bottom:0;z-index:130;width:var(--nav-sidebar-width);background:var(--color-bg-section);border-right:1px solid var(--color-border);box-shadow:var(--shadow-soft);overflow:hidden;transform:translate(-100%);transition:transform var(--transition-fast)}.nav-sidebar.is-open{transform:translate(0)}.nav-sidebar__scroll{height:100%;padding:var(--space-lg) var(--space-md) var(--space-xl);overflow-y:auto}.nav-sidebar__primary-link,.nav-sidebar__link{display:block;width:100%;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-sidebar__primary-link{margin-bottom:var(--space-lg);padding:var(--space-md);background:#f4a2611f;border:1px solid rgba(244,162,97,.35);color:var(--color-text-primary);font-weight:700}.nav-sidebar__link{padding:var(--space-sm) var(--space-md);border-left:3px solid transparent;font-weight:600}.nav-sidebar__link--donate{margin-bottom:var(--space-md);background:#f4a26114;border-left-color:#f4a2614d;color:var(--color-text-primary)}.nav-sidebar__primary-link:hover,.nav-sidebar__primary-link:focus-visible,.nav-sidebar__link:hover,.nav-sidebar__link:focus-visible{background:#ffffff0f;color:var(--color-text-primary)}.nav-sidebar__primary-link.is-active,.nav-sidebar__link.is-active{color:var(--color-accent);border-left-color:var(--color-accent);background:#f4a2611f}.nav-sidebar__link--admin.is-active{border-left-color:var(--color-primary);color:var(--color-primary)}.nav-group{margin-top:var(--space-lg)}.nav-group__title{margin:0 0 var(--space-sm);padding:0 var(--space-sm);font-family:var(--font-pixel);font-size:.65rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.nav-group__links{display:flex;flex-direction:column;gap:6px}@media(min-width:1025px){.nav-menu-button,.nav-backdrop{display:none}.nav-sidebar{transform:translate(0)}.nav-sidebar__link--donate{display:none}}@media(max-width:1024px){.nav-header{padding:var(--space-sm) var(--space-md);min-height:72px;flex-wrap:wrap}.navigation{--nav-header-height: 72px}.nav-actions{flex:1 1 100%}.nav-donate-link{display:none}.user-info{width:100%;justify-content:space-between}}@media(max-width:640px){.nav-actions{gap:var(--space-sm)}.nav-feedback-link,.nav-sign-in-button,.logout-button{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.user-name{font-size:.8rem}.nav-title{font-size:.95rem}}.whats-new-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-bg-dark);font-family:var(--font-primary);font-size:.85rem;font-weight:700;text-align:center;animation:banner-slide-in .3s ease-out}.whats-new-banner__logo{width:88px;height:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.whats-new-banner__message{margin:0;flex:1}.whats-new-banner__cta{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:999px;background:#2a2a3eeb;color:var(--color-text-primary);text-decoration:none;font-size:.8rem;font-weight:700;white-space:nowrap;transition:transform var(--transition-fast),background var(--transition-fast)}.whats-new-banner__cta:hover{background:var(--color-secondary);transform:translateY(-1px)}.whats-new-banner__close{background:none;border:none;color:var(--color-bg-dark);font-size:1.1rem;cursor:pointer;padding:var(--space-xs) var(--space-sm);opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}.whats-new-banner__close:hover{opacity:1}@keyframes banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.whats-new-banner{flex-wrap:wrap;font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.whats-new-banner__logo{width:72px}.whats-new-banner__message{flex-basis:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);min-height:300px}.loading-spinner{width:50px;height:50px;position:relative}.loading-spinner:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,var(--color-primary) 0%,var(--color-primary) 46%,var(--color-text-primary) 46%,var(--color-text-primary) 54%,var(--color-bg-section) 54%,var(--color-bg-section) 100%);border:3px solid var(--color-text-primary);border-radius:50%;animation:spin 1.2s linear infinite}.loading-spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--color-bg-section);border:3px solid var(--color-text-primary);border-radius:50%;z-index:2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-family:var(--font-primary);font-weight:700;font-size:1rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app{margin:0;padding:0;min-height:100vh;background:var(--color-bg-dark)}.app-content-column{min-height:100vh;display:flex;flex-direction:column}.main-content{margin:0;padding:0;flex:1;min-width:0}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:#666}@media(min-width:1025px){.app-content-column--with-nav{padding-top:76px;padding-left:260px}}@media(max-width:1024px){.app-content-column--with-nav{padding-top:72px}}