.glass-input-group{margin-bottom:1.25rem}.glass-input-label{display:block;margin-bottom:.375rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.glass-input-wrapper{position:relative}.glass-input{width:100%;padding:.75rem 1rem;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);box-shadow:var(--shadow-inner);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-input::placeholder{color:var(--color-text-muted)}.glass-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring),var(--shadow-inner)}.glass-input-error{border-color:var(--color-danger)}.glass-input-error-text{margin-top:.25rem;font-size:var(--font-size-xs);color:var(--color-danger)}.glass-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.glass-input-wrapper:has(.glass-input-icon) .glass-input{padding-left:2.5rem}.glass-navbar{position:sticky;top:0;z-index:var(--z-navbar);display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;transition:background var(--transition-normal),backdrop-filter var(--transition-normal),border-color var(--transition-normal)}.glass-navbar-logo{font-weight:700;font-size:1.125rem;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:.5rem}.glass-navbar-desktop{display:flex;gap:.25rem}.glass-navbar-link{padding:.5rem .875rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.glass-navbar-link:hover{background:var(--glass-bg-subtle);color:var(--color-text)}.glass-navbar-link.active{background:var(--glass-bg-medium);color:var(--color-accent)}.glass-navbar-right{display:flex;align-items:center;gap:.5rem}.glass-navbar-profile{padding:.375rem .625rem;font-size:.875rem;color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.glass-navbar-profile:hover{background:var(--glass-bg-subtle)}.glass-navbar-hamburger{display:none;padding:.375rem .5rem;font-size:1.25rem;background:transparent;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.glass-navbar-hamburger:hover{background:var(--glass-bg-subtle)}.glass-mobile-drawer{position:absolute;top:100%;left:0;right:0;padding:.5rem 1rem;box-shadow:var(--shadow-depth)}.glass-mobile-drawer-link{display:block;padding:.75rem .5rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.glass-mobile-drawer-link:hover{background:var(--glass-bg-subtle)}.glass-mobile-drawer-link.active{background:var(--glass-bg-medium);color:var(--color-accent)}@media (max-width: 768px){.glass-navbar-desktop{display:none}.glass-navbar-hamburger{display:inline-flex}}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-background);overflow:hidden;background:var(--color-background-warm);pointer-events:none}.ambient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;will-change:transform}.ambient-blob-1{width:600px;height:600px;top:-10%;left:-5%;background:radial-gradient(circle,var(--color-primary),transparent 70%);animation:blob-drift-1 12s ease-in-out infinite}.ambient-blob-2{width:500px;height:500px;top:40%;right:-10%;background:radial-gradient(circle,var(--color-secondary),transparent 70%);animation:blob-drift-2 15s ease-in-out infinite}.ambient-blob-3{width:450px;height:450px;bottom:-5%;left:30%;background:radial-gradient(circle,var(--color-accent),transparent 70%);animation:blob-drift-3 10s ease-in-out infinite}.ambient-blob-4{width:350px;height:350px;top:20%;left:50%;background:radial-gradient(circle,var(--color-metallic),transparent 70%);animation:blob-drift-1 14s ease-in-out infinite reverse}.ambient-blob-5{width:400px;height:400px;bottom:20%;right:20%;background:radial-gradient(circle,var(--color-surface),transparent 70%);animation:blob-drift-2 11s ease-in-out infinite reverse}.ambient-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;animation:grain-shift 8s steps(10) infinite;pointer-events:none}.ambient-depth{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(26,15,10,.5) 100%);pointer-events:none}@media (max-width: 640px){.ambient-blob-4,.ambient-blob-5{display:none}.ambient-blob{filter:blur(60px);opacity:.3}}@media (prefers-reduced-motion: reduce){.ambient-blob,.ambient-noise{animation:none!important}}:root{--color-primary: #3E2723;--color-secondary: #5D4037;--color-accent: #D4A574;--color-surface: #4E342E;--color-muted: #A1887F;--color-highlight: #F5E6D3;--color-metallic: #CD7F32;--color-background: #2C1810;--color-background-warm: #1A0F0A;--color-text: #F5E6D3;--color-text-secondary: #A1887F;--color-text-muted: #795548;--color-success: #81C784;--color-warning: #FFB74D;--color-danger: #E57373;--color-info: #D4A574;--glass-blur-sm: blur(20px);--glass-blur-md: blur(30px);--glass-blur-lg: blur(40px);--glass-bg-subtle: rgba(78, 52, 46, .08);--glass-bg-medium: rgba(78, 52, 46, .15);--glass-bg-strong: rgba(78, 52, 46, .25);--glass-border-light: rgba(255, 255, 255, .05);--glass-border-medium: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .15);--shadow-ambient: 0 0 40px rgba(62, 39, 35, .3);--shadow-depth: 0 8px 32px rgba(26, 15, 10, .4);--shadow-glow: 0 0 20px rgba(212, 165, 116, .15);--shadow-diffused: 0 4px 16px rgba(62, 39, 35, .2);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(212, 165, 116, .4);--z-background: 0;--z-content: 1;--z-floating: 50;--z-navbar: 100;--z-modal: 200;--z-toast: 9999}.glass-card{contain:layout style paint}.glass-sm{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg)}.glass-md{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg)}.glass-lg{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border-strong);border-radius:var(--radius-lg)}.glass-sm:before,.glass-md:before,.glass-lg:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none}.gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.gradient-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-metallic))}.gradient-warm{background:linear-gradient(135deg,var(--color-background),var(--color-surface))}.btn-glass{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-medium);color:var(--color-text);border-radius:var(--radius-md);padding:.625rem 1.25rem;font-weight:500;cursor:pointer;transition:box-shadow var(--transition-fast),background var(--transition-fast)}.btn-glass:hover{box-shadow:var(--shadow-glow);background:var(--glass-bg-strong)}.btn-glass-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-metallic));border:1px solid rgba(212,165,116,.3);color:var(--color-background-warm);font-weight:600}.btn-glass-primary:hover{box-shadow:0 0 24px #d4a57440}.btn-glass-secondary{background:var(--glass-bg-medium);border:1px solid var(--glass-border-medium);color:var(--color-text)}.btn-glass-secondary:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-glow)}.btn-glass-ghost{background:transparent;border:1px solid transparent;color:var(--color-text);backdrop-filter:none;-webkit-backdrop-filter:none}.btn-glass-ghost:hover{background:var(--glass-bg-subtle);border-color:var(--glass-border-light)}.btn-glass-danger{background:linear-gradient(135deg,var(--color-danger),rgba(220,80,60,.8));border:1px solid rgba(220,80,60,.3);color:#fff;font-weight:600}.btn-glass-danger:hover{box-shadow:0 0 24px #dc503c40}.btn-glass:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@supports not (backdrop-filter: blur(10px)){.glass-sm,.glass-md,.glass-lg{background:#4e342ed9}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 640px){.glass-sm,.glass-md,.glass-lg{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.glass-sm{background:#4e342e1f}.glass-md{background:#4e342e33}.glass-lg{background:#4e342e4d}.btn-glass{min-height:44px}}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-60px) scale(1.1)}50%{transform:translate(-40px,80px) scale(.95)}75%{transform:translate(60px,40px) scale(1.05)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-100px,50px) scale(1.08)}66%{transform:translate(70px,-80px) scale(.92)}}@keyframes blob-drift-3{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(90px,70px) scale(.9)}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%)}30%{transform:translateY(1%)}40%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}60%{transform:translate(0)}70%{transform:translate(-1%)}80%{transform:translate(1%,1%)}90%{transform:translateY(-1%)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);background-color:var(--color-background-warm);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media (forced-colors: active){:focus-visible{outline:2px solid CanvasText;outline-offset:2px}}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-highlight)}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;color:var(--color-text)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page{padding:2rem 1rem;min-height:calc(100vh - 64px);position:relative;z-index:var(--z-content)}.toast{position:fixed;padding:.875rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-depth);color:#fff;font-size:var(--font-size-sm);font-weight:500;z-index:var(--z-toast);max-width:360px;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm)}.toast-success{background:#81c784e6}.toast-error{background:#e57373e6}.toast-info{background:#d4a574e6}.leaderboard-row:hover{background:var(--glass-bg-medium)!important}.error-text{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:.25rem}@media (max-width: 600px){.page{padding:1rem .75rem}}