:root{--nw-bg:oklch(12% .015 55);--nw-surface:oklch(17% .015 55/.75);--nw-surface-hover:oklch(24% .015 55/.85);--nw-border:oklch(40% .008 55/.18);--nw-primary:oklch(80% .18 68);--nw-primary-glow:oklch(80% .18 68/.35);--nw-secondary:oklch(58% .13 190);--nw-secondary-glow:oklch(58% .13 190/.35);--nw-green:oklch(75% .2 155);--nw-green-glow:oklch(75% .2 155/.25);--nw-red:oklch(65% .22 20);--nw-red-glow:oklch(65% .22 20/.25);--nw-text:oklch(94% .008 65);--nw-text-muted:oklch(60% .015 65);--font-display:"Bebas Neue", sans-serif;--font-sans:"Outfit", sans-serif;--font-mono:"Space Grotesk", monospace;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-normal:.25s;--duration-slow:.4s;--duration-dramatic:.7s}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--nw-primary);outline-offset:2px}body{background-color:var(--nw-bg);color:var(--nw-text);font-family:var(--font-sans);min-height:100vh;position:relative;overflow:auto}body:after{content:"";pointer-events:none;z-index:9999;opacity:.035;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.9' numOctaves='4' 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;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:800}.mono{font-family:var(--font-mono)}.display-font{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}#root{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}#root:has(.scrollable-page){overflow:auto}.glass{background:var(--nw-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--nw-border);border-radius:16px}.game-container{-webkit-user-select:none;user-select:none}.game-container:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 50%,oklch(5% .01 55/.6) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:1px solid var(--nw-primary);background:oklch(from var(--nw-primary) l c h / .12);color:var(--nw-primary);font-size:1rem;font-weight:700;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg, transparent, oklch(from var(--nw-primary) l c h / .08), transparent);transition:transform .5s var(--ease-out-quart);position:absolute;inset:0;transform:translate(-100%)}.btn:hover{background:oklch(from var(--nw-primary) l c h / .2);box-shadow:0 0 30px var(--nw-primary-glow);transform:translateY(-2px)}.btn:hover:before{transform:translate(100%)}.btn:active{transition-duration:var(--duration-fast);transform:translateY(0)scale(.97)}.btn-hero{padding:20px 48px;font-size:clamp(1.2rem,3vw,1.5rem)}.btn--danger{border-color:var(--nw-red);color:var(--nw-red)}.btn--danger:hover{background:oklch(from var(--nw-red) l c h / .2);box-shadow:0 0 30px var(--nw-red-glow)}@keyframes scoreReveal{0%{opacity:0;filter:blur(4px);transform:scale(.7)}60%{transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}.score-reveal{animation:scoreReveal .5s var(--ease-out-expo) both}@keyframes screenFlash{0%{opacity:.4}to{opacity:0}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes eloPopIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--nw-secondary-glow)}70%{box-shadow:0 0 0 20px #0000}to{box-shadow:0 0 #0000}}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (hover:none){.btn:hover{box-shadow:none;transform:none}}.confetti-container{pointer-events:none;z-index:9998;position:fixed;inset:0;overflow:hidden}.confetti-particle{width:var(--size,8px);height:var(--size,8px);top:-20px;left:var(--x,50%);border-radius:var(--radius,2px);background:var(--color,var(--nw-primary));opacity:0;animation:confettiFall var(--duration,2.5s) var(--delay,0s) ease-out forwards;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}75%{opacity:.8}to{opacity:0;transform:translateY(calc(100vh + 40px)) translateX(var(--drift,0px)) rotate(var(--spin,720deg)) scale(.3)}}.tier-lightning{color:oklch(85% .2 90)!important}.tier-sharp{color:oklch(75% .18 155)!important}.tier-decent{color:oklch(70% .12 190)!important}.tier-average{color:var(--nw-text-muted)!important}.tier-sluggish{color:oklch(60% .12 25)!important}.tier-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;animation:tierPopIn .4s var(--ease-out-expo) both;margin-top:8px;font-size:clamp(1rem,3vw,1.4rem)}@keyframes tierPopIn{0%{opacity:0;transform:scale(.7)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.screen-pulse{pointer-events:none;z-index:9997;animation:.3s ease-out forwards screenPulse;position:fixed;inset:0}@keyframes screenPulse{0%{background:oklch(75% .2 155/.15)}to{background:0 0}}.party-mode .bg-canvas{filter:hue-rotate(180deg)saturate(1.5);transition:filter .5s}.hit-ripple{pointer-events:none;border:3px solid var(--ripple-color,var(--nw-primary));width:0;height:0;animation:hitRippleExpand .5s var(--ease-out-expo) forwards;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes hitRippleExpand{0%{opacity:1;width:0;height:0}to{opacity:0;width:80px;height:80px}}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.app-container{z-index:1;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;align-items:center;display:flex;position:relative}.game-hub{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-y:auto}.hub-topbar{animation:slideDown .6s var(--ease-out-expo) both;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(12px,2vh,20px) clamp(16px,4vw,40px);display:flex}.hub-brand{align-items:center;gap:12px;display:flex}.hub-logo{font-family:var(--font-display);color:var(--nw-primary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1}.hub-version{font-family:var(--font-mono);color:var(--nw-text-muted);letter-spacing:.1em;text-transform:uppercase;opacity:.5;border:1px solid oklch(40% .008 55/.15);border-radius:4px;padding:2px 6px;font-size:.6rem}.hub-player{font-family:var(--font-mono);color:var(--nw-text-muted);align-items:center;gap:10px;font-size:clamp(.75rem,1.5vw,.85rem);display:flex;position:relative}.hub-player-avatar{background:linear-gradient(135deg, var(--nw-primary), var(--nw-secondary));color:oklch(12% .015 55);text-transform:uppercase;cursor:pointer;width:32px;height:32px;transition:box-shadow var(--duration-fast) var(--ease-out-quart), transform var(--duration-fast) var(--ease-out-quart);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.hub-player-avatar:hover{box-shadow:0 0 0 2px oklch(12% .015 55), 0 0 0 4px var(--nw-primary);transform:scale(1.05)}.hub-player-avatar:active{transform:scale(.95)}.hub-player-name{color:var(--nw-text);font-weight:600}.user-menu{border:1px solid var(--nw-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;min-width:200px;animation:menuSlideIn .2s var(--ease-out-expo) both;background:oklch(12% .015 55/.95);border-radius:12px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 48px oklch(0% 0 0/.5),0 0 0 1px oklch(100% 0 0/.03)}.user-menu-header{align-items:center;gap:10px;padding:14px 16px;display:flex}.user-menu-avatar{background:linear-gradient(135deg, var(--nw-primary), var(--nw-secondary));color:oklch(12% .015 55);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.user-menu-info{flex-direction:column;gap:2px;min-width:0;display:flex}.user-menu-name{font-family:var(--font-sans);color:var(--nw-text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-menu-role{font-family:var(--font-mono);color:var(--nw-text-muted);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:.65rem}.user-menu-divider{background:var(--nw-border);height:1px;margin:0}.user-menu-item{width:100%;font-family:var(--font-sans);color:var(--nw-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;font-size:.82rem;font-weight:500;display:flex}.user-menu-item:hover{color:var(--nw-text);background:oklch(20% .01 55/.4)}.user-menu-item--danger:hover{color:var(--nw-red);background:oklch(25% .08 25/.15)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hub-hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(32px,6vh,64px);min-height:0;padding:0 clamp(16px,4vw,40px);display:flex}.hero-title-block{text-align:center;animation:heroEnter .8s var(--ease-out-expo) .1s both}.hero-tagline{font-family:var(--font-display);color:var(--nw-text);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:clamp(2.4rem,8vw,5.5rem);line-height:.95}.hero-tagline .hero-accent{color:var(--nw-primary)}.hero-subtitle{color:var(--nw-text-muted);letter-spacing:.04em;max-width:400px;margin:0 auto;font-size:clamp(.8rem,1.8vw,1rem);font-weight:400;line-height:1.5}.hero-rotating-text{min-width:180px;animation:8s ease-in-out infinite textCycle;display:inline-block}.mode-grid{width:100%;max-width:800px;animation:heroEnter .8s var(--ease-out-expo) .3s both;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.5vw,16px);display:grid}.mode-card{cursor:pointer;border:1px solid var(--nw-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--duration-normal) var(--ease-out-quart);background:oklch(14% .012 55/.7);border-radius:14px;flex-direction:column;align-items:flex-start;min-height:160px;padding:clamp(18px,2.5vh,28px) clamp(16px,2vw,24px);display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";transition:transform .5s var(--ease-out-quart);pointer-events:none;background:linear-gradient(105deg,#0000 40%,oklch(100% 0 0/.04) 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}.mode-card:hover:before{transform:translate(100%)}.mode-card:after{content:"";background:var(--card-accent,var(--nw-primary));opacity:0;height:3px;transition:opacity var(--duration-normal) var(--ease-out-quart);position:absolute;top:0;left:0;right:0}.mode-card:hover:after{opacity:1}.mode-card:hover{border-color:var(--card-accent,var(--nw-primary));box-shadow:0 8px 32px oklch(0% 0 0/.3), 0 0 0 1px var(--card-accent,var(--nw-primary)), 0 0 40px oklch(from var(--card-accent,var(--nw-primary)) l c h / .15);transform:translateY(-4px)}.mode-card:active{transition-duration:var(--duration-fast);transform:translateY(-1px)scale(.98)}.mode-card[data-mode=reaction]{--card-accent:oklch(80% .18 68)}.mode-card[data-mode=target]{--card-accent:oklch(72% .17 145)}.mode-card[data-mode=multiplayer]{--card-accent:oklch(58% .13 190)}.mode-icon{width:44px;height:44px;color:var(--card-accent,var(--nw-primary));background:oklch(from var(--card-accent,var(--nw-primary)) l c h / .1);border:1px solid oklch(from var(--card-accent,var(--nw-primary)) l c h / .15);transition:background var(--duration-normal) var(--ease-out-quart), border-color var(--duration-normal) var(--ease-out-quart);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem);display:flex}.mode-card:hover .mode-icon{background:oklch(from var(--card-accent,var(--nw-primary)) l c h / .2);border-color:oklch(from var(--card-accent,var(--nw-primary)) l c h / .3);animation:1.5s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.mode-label{color:var(--nw-text);margin-bottom:4px;font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:700;line-height:1.2}.mode-desc{color:var(--nw-text-muted);flex:1;font-size:clamp(.7rem,1.2vw,.78rem);line-height:1.45}.mode-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;margin-top:12px;padding:3px 8px;font-size:.6rem;font-weight:600;display:inline-flex}.mode-badge--solo{color:oklch(65% .02 65);background:oklch(65% .02 65/.08);border:1px solid oklch(65% .02 65/.12)}.mode-badge--ranked{color:var(--nw-secondary);background:oklch(58% .13 190/.1);border:1px solid oklch(58% .13 190/.15);animation:2.5s ease-in-out infinite badgePulse}.hub-bottom{animation:slideUp .6s var(--ease-out-expo) .5s both;flex-shrink:0;justify-content:center;align-items:center;padding:clamp(12px,2vh,20px) clamp(16px,4vw,40px);display:flex}.btn-leaderboard{border:1px solid var(--nw-border);color:var(--nw-text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:clamp(.72rem,1.3vw,.8rem);font-weight:500;display:flex}.btn-leaderboard:hover{color:var(--nw-text);background:oklch(20% .01 55/.3);border-color:oklch(50% .01 55/.3)}.btn-leaderboard:active{transition-duration:var(--duration-fast);transform:scale(.97)}.login-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex;position:relative}.login-hero{text-align:center;animation:heroEnter .8s var(--ease-out-expo) both;margin-bottom:clamp(24px,5vh,48px)}.login-title{font-family:var(--font-display);color:var(--nw-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:clamp(3rem,12vw,7rem);line-height:.85}.login-byline{font-family:var(--font-mono);color:var(--nw-text-muted);letter-spacing:.3em;text-transform:uppercase;opacity:.6;font-size:clamp(.65rem,1.3vw,.75rem)}.login-form{width:100%;max-width:320px;animation:heroEnter .8s var(--ease-out-expo) .15s both;flex-direction:column;align-items:center;gap:12px;display:flex}.login-input-group{width:100%;position:relative}.login-input{border:1px solid var(--nw-border);width:100%;color:var(--nw-text);font-size:1rem;font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);text-align:center;letter-spacing:.02em;background:oklch(14% .012 55/.8);border-radius:10px;padding:14px 18px}.login-input::placeholder{color:var(--nw-text-muted);opacity:.6}.login-input:focus{box-shadow:0 0 0 3px var(--nw-primary-glow), 0 0 20px var(--nw-primary-glow);outline:none;border-color:var(--nw-primary)!important}.login-input--error{border-color:var(--nw-red)!important}.login-error{color:var(--nw-red);text-align:center;font-size:.8rem}.login-btn{border:1px solid var(--nw-primary);background:oklch(from var(--nw-primary) l c h / .12);width:100%;color:var(--nw-primary);font-size:1rem;font-weight:700;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);border-radius:10px;padding:14px 24px;position:relative;overflow:hidden}.login-btn:before{content:"";background:linear-gradient(90deg, transparent, oklch(from var(--nw-primary) l c h / .08), transparent);transition:transform .5s var(--ease-out-quart);position:absolute;inset:0;transform:translate(-100%)}.login-btn:hover{background:oklch(from var(--nw-primary) l c h / .2);box-shadow:0 0 30px var(--nw-primary-glow);transform:translateY(-2px)}.login-btn:hover:before{transform:translate(100%)}.login-btn:active{transition-duration:var(--duration-fast);transform:translateY(0)scale(.97)}.login-hint{color:var(--nw-text-muted);opacity:.5;text-align:center;animation:heroEnter .8s var(--ease-out-expo) .3s both;font-size:.72rem}.hub-login-btn{border:1px solid var(--nw-primary);background:oklch(from var(--nw-primary) l c h / .1);color:var(--nw-primary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:clamp(.72rem,1.3vw,.8rem);font-weight:600;display:flex}.hub-login-btn:hover{background:oklch(from var(--nw-primary) l c h / .2);box-shadow:0 0 20px var(--nw-primary-glow);transform:translateY(-1px)}.hub-login-btn:active{transition-duration:var(--duration-fast);transform:translateY(0)scale(.97)}.mode-card--locked{opacity:.6;cursor:pointer}.mode-card--locked:hover{opacity:.85}.mode-lock-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;color:var(--nw-text-muted);z-index:2;background:oklch(0% 0 0/.5);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.btn-leaderboard--locked{opacity:.6;border-style:dashed}.btn-leaderboard--locked:hover{opacity:.85;border-style:dashed}.register-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .25s var(--ease-out-quart) both;background:oklch(6% .01 55/.85);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.register-modal{border:1px solid var(--nw-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:90vw;max-width:400px;animation:modalEnter .35s var(--ease-out-expo) both;background:oklch(12% .015 55/.95);border-radius:18px;padding:clamp(28px,5vh,44px) clamp(24px,4vw,40px);position:relative;box-shadow:0 24px 80px oklch(0% 0 0/.5),0 0 0 1px oklch(100% 0 0/.03)}.register-close{width:32px;height:32px;color:var(--nw-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.register-close:hover{color:var(--nw-text);background:oklch(20% .01 55/.5)}.register-header{text-align:center;margin-bottom:24px}.register-icon{color:var(--nw-primary);margin-bottom:12px}.register-title{font-family:var(--font-display);color:var(--nw-text);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:clamp(1.3rem,4vw,1.6rem)}.register-subtitle{color:var(--nw-text-muted);font-size:clamp(.78rem,1.5vw,.88rem);line-height:1.5}.register-form{flex-direction:column;gap:12px;display:flex}.register-password-group{width:100%;position:relative}.register-password-group .login-input{padding-right:44px}.register-password-toggle{width:32px;height:32px;color:var(--nw-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.register-password-toggle:hover{color:var(--nw-text);background:oklch(20% .01 55/.5)}.auth-mode-toggle{color:var(--nw-text-muted);cursor:pointer;text-align:center;transition:color var(--duration-fast) var(--ease-out-quart);letter-spacing:.01em;background:0 0;border:none;padding:8px;font-size:.78rem}.auth-mode-toggle:hover{color:var(--nw-primary)}.guest-score-prompt{z-index:90;border:1px solid var(--nw-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:90vw;max-width:420px;animation:slideUp .4s var(--ease-out-expo) both;text-align:center;background:oklch(13% .015 55/.95);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:20px 24px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 48px oklch(0% 0 0/.4)}.guest-score-prompt-icon{background:oklch(from var(--nw-primary) l c h / .12);border:1px solid oklch(from var(--nw-primary) l c h / .2);width:36px;height:36px;color:var(--nw-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.guest-score-prompt-text{color:var(--nw-text);font-size:.88rem;line-height:1.45}.guest-score-prompt-actions{flex-direction:column;gap:8px;width:100%;display:flex}.guest-score-prompt-register{justify-content:center;align-items:center;gap:8px;display:flex}.guest-score-prompt-dismiss{color:var(--nw-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;padding:8px;font-size:.78rem}.guest-score-prompt-dismiss:hover{color:var(--nw-text)}.guest-score-note{color:var(--nw-text-muted);text-align:center;opacity:.75;border:1px dashed oklch(40% .01 55/.3);border-radius:8px;margin-top:8px;padding:8px 14px;font-size:.78rem}.connecting-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative}.connecting-spinner{border:3px solid var(--nw-border);border-top-color:var(--nw-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.connecting-text{font-family:var(--font-mono);color:var(--nw-text-muted);letter-spacing:.05em;font-size:.85rem}@keyframes heroEnter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes textCycle{0%,20%{opacity:1;transform:translateY(0)}25%,30%{opacity:0;transform:translateY(-8px)}35%,70%{opacity:1;transform:translateY(0)}75%,80%{opacity:0;transform:translateY(-8px)}85%,to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.mode-card:first-child{animation:heroEnter .6s var(--ease-out-expo) .35s both}.mode-card:nth-child(2){animation:heroEnter .6s var(--ease-out-expo) .45s both}.mode-card:nth-child(3){animation:heroEnter .6s var(--ease-out-expo) .55s both}input:focus{box-shadow:0 0 0 3px var(--nw-primary-glow);transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);border-color:var(--nw-primary)!important}@media (width<=767px){.mode-grid{grid-template-columns:1fr;max-width:400px}.mode-card{flex-direction:row;align-items:center;gap:14px;min-height:auto;padding:clamp(14px,2vh,20px) clamp(14px,3vw,20px)}.mode-icon{flex-shrink:0;margin-bottom:0}.mode-card-content{text-align:left;flex:1;min-width:0}.mode-badge{margin-top:6px}.hub-topbar{padding:10px 14px}.hub-hero{gap:clamp(20px,4vh,40px)}.hero-tagline{font-size:clamp(2rem,10vw,3.5rem)}.hub-player-name-text{display:none}}@media (width<=480px){.hub-version{display:none}}@media (hover:none){.mode-card:hover{box-shadow:none;border-color:var(--nw-border);transform:none}.mode-card:hover:after{opacity:0}.mode-card:active{border-color:var(--card-accent,var(--nw-primary));background:oklch(17% .015 55/.8)}.mode-card:active:after{opacity:1}.btn-leaderboard:hover{color:var(--nw-text-muted);border-color:var(--nw-border);background:0 0}.login-btn:hover{box-shadow:none;transform:none}.mode-badge--ranked{animation:none}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(16px);pointer-events:auto;animation:toast-in .35s var(--ease-out-quart) forwards;border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:420px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex;box-shadow:0 4px 24px oklch(0% 0 0/.4)}.toast--success{color:oklch(88% .1 145);background:oklch(25% .06 145/.9);border:1px solid oklch(55% .15 145/.5)}.toast--error{color:oklch(88% .1 25);background:oklch(25% .06 25/.9);border:1px solid oklch(55% .15 25/.5)}.toast-icon{flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{color:inherit;opacity:.5;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.login-btn--loading{opacity:.85;cursor:wait}.login-btn:disabled{pointer-events:none}.btn-spinner{vertical-align:middle;animation:.8s linear infinite spin}.login-input:disabled{opacity:.5;cursor:not-allowed}.auth-mode-toggle:disabled{opacity:.4;cursor:not-allowed}.game-container{width:100%;height:100%;transition:background-color 80ms var(--ease-out-quart);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.back-btn{background:var(--nw-surface);color:var(--nw-text);border:1.5px solid var(--nw-border);cursor:pointer;z-index:10;letter-spacing:.02em;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:12px 22px;font-size:clamp(.85rem,2vw,1rem);font-weight:500;transition:all .2s;display:flex;position:absolute;top:clamp(12px,3vh,32px);left:clamp(12px,3vw,32px)}.back-btn:hover{background:var(--nw-surface-hover);border-color:var(--nw-primary);box-shadow:0 0 12px var(--nw-primary-glow)}.game-content{text-align:center;pointer-events:none;z-index:2;max-width:100%;padding:0 16px;position:relative}.game-content h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--nw-text);margin-bottom:clamp(12px,3vh,24px);font-size:clamp(1.5rem,5vw,2.5rem)}.game-status{letter-spacing:-.03em;white-space:pre-line;font-size:clamp(2rem,10vw,5rem);font-weight:800;line-height:1}.game-result{z-index:10;pointer-events:auto}.game-result-scores{flex-direction:column;align-items:center;gap:.5rem;margin:2rem 0;display:flex}.game-score-row{background:var(--nw-surface-hover);border-radius:8px;justify-content:space-between;width:240px;padding:8px 16px;display:flex}.game-score-row--ignored{opacity:.5;text-decoration:line-through}.game-score-tag{text-align:right;width:40px;font-size:.8em}.game-final-average{border-top:1px solid var(--nw-border);flex-direction:column;align-items:center;gap:8px;margin-top:1rem;padding:16px;display:flex}.game-final-label{font-family:var(--font-display);color:var(--nw-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:1.2em}.game-final-value{color:var(--nw-primary);font-size:2.5em;font-weight:700}.game-attempt-counter{opacity:.7;margin-bottom:1rem}.target-arena{border:1px solid var(--nw-border);background-color:var(--nw-surface);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;height:min(600px,75vh);margin:0 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px oklch(0% 0 0/.4)}.svg-canvas{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes targetPopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}70%{transform:translate(-50%,-50%)scale(1.15)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.target-pop{animation:targetPopIn .2s var(--ease-out-expo) both}.precision-map{background:var(--nw-surface);border:1px solid var(--nw-border);border-radius:16px;margin-bottom:16px}@media (width<=767px){.game-container{padding-top:60px}}@media (hover:none){.back-btn:hover{background:var(--nw-surface);border-color:var(--nw-border);box-shadow:none}}.leaderboard-page{padding:clamp(48px,8vh,64px) clamp(16px,4vw,32px);display:block;overflow-y:auto}.leaderboard-wrapper{text-align:left;max-width:600px;margin:0 auto}.leaderboard-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;text-align:center;margin-bottom:clamp(16px,4vh,24px);font-size:clamp(1.5rem,5vw,2.5rem)}.leaderboard-tabs{background:var(--nw-surface);border:1px solid var(--nw-border);border-radius:14px;gap:6px;margin-bottom:20px;padding:4px;display:flex}.leaderboard-tab{color:var(--nw-text-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:clamp(.8rem,2vw,.95rem);display:flex}.leaderboard-tab:hover:not(.leaderboard-tab--active){background:var(--nw-surface-hover);color:var(--nw-text)}.leaderboard-tab--active.leaderboard-tab--primary{background:oklch(from var(--nw-primary) l c h / .18);color:var(--nw-primary);box-shadow:0 0 16px oklch(from var(--nw-primary) l c h / .12)}.leaderboard-tab--active.leaderboard-tab--secondary{background:oklch(from var(--nw-secondary) l c h / .18);color:var(--nw-secondary);box-shadow:0 0 16px oklch(from var(--nw-secondary) l c h / .12)}.leaderboard-tab-icon{font-size:1.1em}.leaderboard-section{animation:leaderboardFadeIn var(--duration-normal) var(--ease-out-expo) both;padding:24px}.leaderboard-section--primary{border-top:2px solid oklch(from var(--nw-primary) l c h / .5)}.leaderboard-section--secondary{border-top:2px solid oklch(from var(--nw-secondary) l c h / .5)}@keyframes leaderboardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.leaderboard-empty{color:var(--nw-text-muted);line-height:1.5}.leaderboard-list{padding:0;list-style:none}.leaderboard-row{border-bottom:1px solid var(--nw-border);justify-content:space-between;padding:8px 0;display:flex}.leaderboard-row--highlight{color:var(--nw-primary)}.leaderboard-rank{width:24px;font-weight:700;display:inline-block}.leaderboard-you-tag{opacity:.7;margin-left:6px;font-size:.75rem}.leaderboard-score{font-weight:700}.leaderboard-score--highlight{color:var(--nw-primary)}.leaderboard-secondary{color:var(--nw-text-muted);font-size:.85em}.leaderboard-pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.leaderboard-page-btn{color:var(--nw-text);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);border:none;padding:8px 18px;font-size:.85rem}.leaderboard-page-btn:hover:not(:disabled){background:var(--nw-surface-hover);transform:translateY(-1px)}.leaderboard-page-btn:disabled{opacity:.3;cursor:not-allowed}.leaderboard-page-indicator{color:var(--nw-text-muted);font-size:.9rem}.mp-page{padding:clamp(48px,8vh,64px) clamp(16px,4vw,32px);display:block;overflow-y:auto}.mp-page--compact{padding:clamp(32px,6vh,48px) clamp(16px,4vw,24px)}.mp-wrapper{text-align:center;max-width:600px;margin:0 auto}.mp-wrapper--narrow{max-width:500px}.mp-wrapper--left{text-align:left}.mp-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--nw-secondary);margin-bottom:16px;font-size:clamp(2rem,6vw,3rem)}.mp-title--result{opacity:.7;margin-bottom:8px;font-size:1.5rem}.mp-outcome{letter-spacing:-.02em;margin:16px 0 24px;font-size:3rem;font-weight:800;animation:.5s ease-out eloPopIn}.mp-screen-flash{pointer-events:none;z-index:0;animation:.6s ease-out forwards screenFlash;position:fixed;inset:0}.mp-vs-layout{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mp-vs-layout--spaced{margin-bottom:24px}.mp-vs-player{font-size:1.1rem;font-weight:700}.mp-vs-player--left{text-align:left}.mp-vs-player--right{text-align:right}.mp-vs-elo{color:var(--nw-text-muted);font-size:.85rem}.mp-vs-divider{color:var(--nw-text-muted);font-size:.9rem}.mp-vs-divider--large{font-size:1.5rem;font-weight:800}.mp-stat-bar{background:var(--nw-surface-hover);border-radius:12px;justify-content:space-between;margin-bottom:8px;padding:16px;display:flex}.mp-stat-value{font-size:2rem;font-weight:800}.mp-stat-value--primary{color:var(--nw-primary)}.mp-stat-value--secondary{color:var(--nw-secondary)}.mp-stat-label{color:var(--nw-text-muted);font-size:.8rem}.mp-round-title{color:var(--nw-text-muted);margin-bottom:16px;font-size:1rem}.mp-round-row{border-bottom:1px solid var(--nw-border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mp-round-label{color:var(--nw-text-muted);width:60px}.mp-round-vs{color:var(--nw-text-muted);font-size:.8rem}.mp-card{margin-bottom:24px;padding:24px}.mp-card--hero{margin:32px 0;padding:48px}.mp-card--match{margin:24px 0;padding:32px}.mp-ready-status{border-radius:8px;padding:8px 16px;font-size:.85rem}.mp-ready-status--ready{background:var(--nw-green-glow);color:var(--nw-green)}.mp-ready-status--waiting{background:var(--nw-surface-hover);color:var(--nw-text-muted)}.mp-queue-card{flex-direction:column;align-items:center;animation:2s infinite pulseGlow;display:flex}.mp-queue-dots{justify-content:center;gap:6px;margin-bottom:28px;display:flex}.mp-queue-dot{background-color:var(--nw-primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotPulse}.mp-elo-label{color:var(--nw-text-muted);margin-bottom:16px;font-size:.85rem}.mp-elo-value{color:var(--nw-primary);font-size:1.1rem;font-weight:700}.mp-match-list{padding:0;list-style:none}.mp-match-row{border-bottom:1px solid var(--nw-border);justify-content:space-between;padding:12px 0;display:flex}.mp-waiting-msg{color:var(--nw-text-muted);font-size:1.3rem;animation:2s infinite pulse}.mp-round-result{margin-bottom:16px;font-size:2.5rem;font-weight:800}.mp-opponent-tag{opacity:.6;margin-bottom:8px;font-size:.9rem}.mp-ready-text{color:var(--nw-green);font-size:1rem;animation:2s infinite pulse}.mp-hint-text{color:var(--nw-text-muted);font-size:.85rem}.mp-rules-text{color:var(--nw-text-muted);margin-top:8px;font-size:.8rem}.mp-modal-overlay{z-index:100;background:oklch(0% 0 0/.8);justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.mp-modal-content{text-align:center;max-width:340px;padding:32px;animation:.2s ease-out scaleIn}.mp-modal-title{color:var(--nw-red);margin-bottom:8px}.mp-modal-desc{color:var(--nw-text-muted);margin-bottom:24px;font-size:.9rem}.mp-modal-actions{gap:12px;display:flex}.mp-modal-actions .btn{flex:1;justify-content:center;font-size:.95rem}.mp-modal-actions .btn--danger{border-color:var(--nw-red);color:var(--nw-red)}.mp-countdown{flex-direction:column;align-items:center;gap:8px;display:flex}.mp-countdown-bar{background:var(--nw-surface-hover);border-radius:2px;height:4px;overflow:hidden}.mp-countdown-bar--auto{width:120px}.mp-countdown-bar--full{width:100%;margin-bottom:8px}.mp-countdown-fill{border-radius:2px;height:100%;transition:width 50ms linear}.mp-countdown-text{color:var(--nw-text-muted);font-size:.85rem}.mp-deadline{text-align:center;margin-top:16px}.mp-deadline-expired{color:var(--nw-red);margin-top:12px;font-size:.9rem}.mp-cancel-btn{border:1px solid var(--nw-border);background:0 0;justify-content:center;padding:8px 24px;font-size:.9rem}