@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Nunito:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{--color-neutral-0: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-green-400: #34d399;--color-green-500: #10b981;--color-green-600: #059669;--color-red-400: #f87171;--color-red-500: #ef4444;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-display: "Nunito", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-hud: 150;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--duration-reveal: .5s}:root{--color-surface-page: var(--color-neutral-50);--color-surface-raised: var(--color-neutral-0);--color-surface-overlay: var(--color-neutral-100);--color-surface-sunken: var(--color-neutral-100);--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-inverse: var(--color-neutral-0);--color-border-subtle: var(--color-neutral-200);--color-border-default: var(--color-neutral-300);--color-border-strong: var(--color-neutral-400);--color-status-success: var(--color-green-500);--color-status-error: var(--color-red-500);--color-status-warning: var(--color-amber-500)}[data-section=games]{--color-surface-page: #0f1117;--color-surface-raised: #181c27;--color-surface-overlay: #1e2333;--color-surface-sunken: #0b0e16;--color-surface-card: #1a1f2e;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #8494a9;--color-text-inverse: #0f1117;--color-border-subtle: rgba(255, 255, 255, .07);--color-border-default: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .2);--font-display: "Nunito", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-card: var(--radius-xl);--radius-button: var(--radius-full);--radius-input: var(--radius-lg);--radius-badge: var(--radius-full);--game-accent-h: 211;--game-accent-s: 85%;--game-accent-l: 55%;--game-accent: hsl(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l));--game-accent-hover: hsl(var(--game-accent-h), var(--game-accent-s), 62%);--game-accent-muted: hsl(var(--game-accent-h), 55%, 32%);--game-accent-subtle: hsl(var(--game-accent-h), 40%, 16%);--game-accent-glow: hsla(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l), .25);--game-banner-bg: linear-gradient( 135deg, hsl(var(--game-accent-h), 55%, 25%) 0%, hsl(var(--game-accent-h), 65%, 18%) 100% );--color-live: #34d399;--color-live-glow: rgba(52, 211, 153, .3)}[data-theme=casual]{--color-surface-page: #faf6ee;--color-surface-raised: #ffffff;--color-surface-overlay: #f2ede0;--color-surface-sunken: #eae3d2;--color-surface-card: #ffffff;--color-text-primary: #2c2821;--color-text-secondary: #6e6659;--color-text-tertiary: #9e9587;--color-text-inverse: #ffffff;--color-border-subtle: rgba(0, 0, 0, .05);--color-border-default: rgba(0, 0, 0, .1);--color-border-strong: rgba(0, 0, 0, .18);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Fredoka", system-ui, sans-serif;--radius-card: var(--radius-2xl);--radius-button: var(--radius-full);--radius-input: var(--radius-xl);--radius-badge: var(--radius-full);--duration-normal: .28s;--ease-out: cubic-bezier(.34, 1.56, .64, 1);--game-accent-glow: hsla(var(--game-accent-h), var(--game-accent-s), var(--game-accent-l), .22);--game-accent-subtle: hsl(var(--game-accent-h), var(--game-accent-s), 93%);--game-accent-muted: hsl(var(--game-accent-h), var(--game-accent-s), 42%)}[data-theme=casual] .zl-nav{background:#fffdf9d9;border-bottom:1px solid var(--color-border-subtle)}[data-theme=casual] .zl-nav__logo em{color:hsl(var(--game-accent-h),var(--game-accent-s),30%)}[data-theme=casual] .zl-nav__link{border-radius:var(--radius-full)}[data-theme=casual] .zl-nav__link--games[aria-current=page]{color:hsl(var(--game-accent-h),var(--game-accent-s),30%)}[data-theme=casual] .btn--secondary,[data-theme=casual] .nav-streak,[data-theme=casual] .nav-avatar,[data-theme=casual] .dropdown-avatar{color:hsl(var(--game-accent-h),var(--game-accent-s),30%);border-color:hsl(var(--game-accent-h),var(--game-accent-s),40%)}[data-theme=casual] .dropdown-streak-val{color:hsl(var(--game-accent-h),var(--game-accent-s),30%)}[data-game=chain]{--game-accent-h: 152;--game-accent-s: 65%;--game-accent-l: 45%}[data-game="5x5"]{--game-accent-h: 4;--game-accent-s: 78%;--game-accent-l: 55%}[data-game=chimp]{--game-accent-h: 168;--game-accent-s: 65%;--game-accent-l: 42%}[data-game=globe]{--game-accent-h: 211;--game-accent-s: 85%;--game-accent-l: 52%}[data-game=atlas]{--game-accent-h: 255;--game-accent-s: 72%;--game-accent-l: 55%}[data-game=intro]{--game-accent-h: 270;--game-accent-s: 70%;--game-accent-l: 58%}[data-game=cross-tree]{--game-accent-h: 152;--game-accent-s: 60%;--game-accent-l: 38%}[data-game=truth]{--game-accent-h: 185;--game-accent-s: 72%;--game-accent-l: 42%}[data-game=older]{--game-accent-h: 340;--game-accent-s: 75%;--game-accent-l: 52%}[data-game=boxes]{--game-accent-h: 275;--game-accent-s: 68%;--game-accent-l: 52%}[data-game=celeb]{--game-accent-h: 35;--game-accent-s: 90%;--game-accent-l: 50%}[data-game=first]{--game-accent-h: 95;--game-accent-s: 65%;--game-accent-l: 42%}[data-game=search]{--game-accent-h: 295;--game-accent-s: 70%;--game-accent-l: 52%}[data-game=equal]{--game-accent-h: 200;--game-accent-s: 80%;--game-accent-l: 48%}[data-game=all-fours]{--game-accent-h: 260;--game-accent-s: 72%;--game-accent-l: 55%}[data-game=pipes]{--game-accent-h: 82;--game-accent-s: 60%;--game-accent-l: 38%}[data-game=shape]{--game-accent-h: 24;--game-accent-s: 88%;--game-accent-l: 52%}[data-game=slime-pop]{--game-accent-h: 280;--game-accent-s: 80%;--game-accent-l: 58%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-surface-page);color:var(--color-text-primary)}body{min-height:100dvh}img,svg{display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.zl-nav{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);height:56px;background:#0f1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-overlay)}.zl-nav__logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--text-base);letter-spacing:-.02em;color:var(--color-text-primary)}.zl-nav__logo em{font-style:normal;color:var(--game-accent)}.zl-nav__logo-img{height:24px;width:24px;object-fit:contain;margin-right:2px;display:inline-block;vertical-align:middle}.zl-nav__links{display:flex;align-items:center;gap:var(--space-1);list-style:none;flex:1}.zl-nav__link{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--duration-fast) ease}.zl-nav__link:hover,.zl-nav__link[aria-current=page]{color:var(--color-text-primary);background:var(--color-surface-overlay)}.zl-nav__link--games[aria-current=page]{color:hsl(var(--game-accent-h),var(--game-accent-s),68%)}.zl-nav__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-button);font-family:var(--font-display);font-weight:700;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{padding:var(--space-1-5) var(--space-4);font-size:var(--text-sm)}.btn--md{padding:var(--space-2-5) var(--space-6);font-size:var(--text-base)}.btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--text-lg)}.btn--primary{background:var(--game-accent);color:var(--color-text-inverse, #fff);font-weight:700}.btn--primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px var(--game-accent-glow)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:transparent;color:var(--game-accent);border:1.5px solid var(--game-accent)}.btn--secondary:hover:not(:disabled){background:var(--game-accent-subtle)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-overlay);color:var(--color-text-primary)}.btn--surface{background:var(--color-surface-overlay);color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.btn--surface:hover:not(:disabled){border-color:var(--color-border-default);background:var(--color-surface-raised)}.btn--google{background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:var(--radius-button);font-family:"Google Sans",var(--font-body);font-weight:500}.btn--google:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 6px #0000002e}.card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.card--interactive{cursor:pointer;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) var(--ease-out),border-color var(--duration-normal) ease}.card--interactive:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--game-accent-glow),0 2px 8px #0006;border-color:var(--game-accent)}.input{background:var(--color-surface-overlay);border:1.5px solid var(--color-border-default);border-radius:var(--radius-input);padding:var(--space-2-5) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);width:100%;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--game-accent);box-shadow:0 0 0 3px var(--game-accent-glow)}.input--mono{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-align:center}.badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-badge);padding:3px var(--space-2);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge--solo{background:#0006;border:1px solid rgba(255,255,255,.12);color:#ffffffa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge--live{background:#34d39926;border:1px solid rgba(52,211,153,.4);color:var(--color-live)}.badge--live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-live);box-shadow:0 0 6px var(--color-live);animation:pulse-live 2s ease infinite}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 6px var(--color-live)}50%{opacity:.6;box-shadow:0 0 12px var(--color-live)}}.badge--turn{background:#0006;border:1px solid rgba(255,255,255,.12);color:#ffffffa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-hud{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:0;background:#0009;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);padding:var(--space-1) var(--space-1);animation:hud-drop var(--duration-slow) var(--ease-spring) both}@keyframes hud-drop{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hud-pill{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3)}.hud-pill+.hud-pill{border-left:1px solid rgba(255,255,255,.08)}.hud-pill__icon{width:14px;height:14px;opacity:.55;color:#fff;flex-shrink:0}.hud-pill__value{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.hud-pill__label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.06em}.hud-pill--streak .hud-pill__value{color:var(--game-accent)}.hud-pill--timer.urgent .hud-pill__value{color:#f87171;animation:timer-blink 1s ease infinite}@keyframes timer-blink{0%,to{opacity:1}50%{opacity:.5}}.hud-pill__value.scored{animation:score-pop var(--duration-slow) var(--ease-spring)}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.45);color:var(--game-accent)}to{transform:scale(1)}}.hud-menu-btn{background:transparent;border:none;padding:var(--space-1-5) var(--space-2);color:#ffffff73;cursor:pointer;border-radius:var(--radius-full);transition:color var(--duration-fast) ease;display:flex;align-items:center}.hud-menu-btn:hover{color:#ffffffe6}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--duration-normal) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);width:min(400px,100%);box-shadow:0 24px 64px #0009;animation:modal-rise var(--duration-slow) var(--ease-spring)}@keyframes modal-rise{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em}.auth-modal__brand em{font-style:normal;color:var(--game-accent)}.auth-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;text-align:center;margin-bottom:var(--space-2)}.auth-modal__body{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6);line-height:1.6}.auth-modal__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-tertiary);font-size:var(--text-xs)}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.auth-modal__terms{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-5);line-height:1.6}.auth-modal__terms a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.notif-btn{position:relative;background:transparent;border:none;color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-md);transition:color var(--duration-fast) ease}.notif-btn:hover{color:var(--color-text-primary)}.notif-btn__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:var(--radius-full);background:var(--game-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--font-display)}.toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.toast{background:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;animation:toast-in var(--duration-slow) var(--ease-spring);pointer-events:auto;white-space:nowrap}.toast--success{border-color:var(--color-status-success)}.toast--error{border-color:var(--color-status-error)}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.leaving{animation:toast-out var(--duration-normal) var(--ease-in) forwards}@keyframes toast-out{to{transform:translateY(12px);opacity:0}}.spinner{display:inline-block;animation:spinner-rotate var(--spinner-duration, .7s) linear infinite;flex-shrink:0}.spinner circle.track{fill:none;stroke:var(--spinner-track-color, var(--color-border-subtle))}.spinner circle.arc{fill:none;stroke:var(--spinner-arc-color, var(--game-accent));stroke-linecap:round;stroke-dasharray:60 100}@keyframes spinner-rotate{to{transform:rotate(360deg);transform-origin:center}}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:40px;height:40px}.spinner-xl{width:64px;height:64px}.spinner-muted circle.arc{stroke:var(--color-text-tertiary)}@media (prefers-reduced-motion: reduce){.spinner{animation:spinner-pulse 1.5s ease-in-out infinite}@keyframes spinner-pulse{0%,to{opacity:.4}50%{opacity:1}}}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.stats-empty__icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--game-accent-subtle);border:1px solid var(--game-accent);display:flex;align-items:center;justify-content:center;color:var(--game-accent)}.stats-empty__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.stats-empty__body{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:22ch;line-height:1.6}.stats-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-5);width:100%}.stats-panel h3{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-item strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.stat-item strong[data-accent]{color:var(--game-accent)}.stat-item span{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;line-height:1.3}.leaderboard-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text-tertiary);width:2ch;text-align:right;flex-shrink:0}.leaderboard-row:nth-child(1) .leaderboard-rank{color:#f5c542}.leaderboard-row:nth-child(2) .leaderboard-rank{color:#a8b8c8}.leaderboard-row:nth-child(3) .leaderboard-rank{color:#cd8b5a}.leaderboard-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--game-accent-subtle);border:1px solid var(--game-accent);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--game-accent)}.leaderboard-name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row--me .leaderboard-name{color:var(--game-accent);font-weight:700}.leaderboard-score{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.leaderboard-streak{font-size:var(--text-xs);color:var(--game-accent);font-weight:600}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--duration-normal) ease}.result-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);width:min(480px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);animation:modal-rise var(--duration-slow) var(--ease-spring)}.result-card h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;letter-spacing:-.03em;color:var(--color-text-primary);text-align:center}.result-card__score{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.result-card__score strong{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;color:var(--game-accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.result-card__score span{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.result-card__missed{background:var(--color-surface-overlay);border-radius:var(--radius-xl);padding:var(--space-4);width:100%;text-align:center}.result-card__missed p:first-child{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-weight:700;margin-bottom:var(--space-2)}.result-card__missed strong{display:block;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-1)}.result-card__missed em{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.result-card__streak{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--game-accent)}.result-card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%}.zl-nav__user{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn--full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden{composes:sr-only}.splash-layout{display:flex;flex-direction:column;gap:var(--space-4);height:100%;max-height:100dvh;overflow:hidden;padding:var(--space-5);box-sizing:border-box}.splash-header{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.splash-header__icon{width:80px;height:80px;border-radius:12px;object-fit:cover;flex-shrink:0}.splash-header__text{flex:1;min-width:0}.splash-header__category{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin:0 0 var(--space-1)}.splash-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;letter-spacing:-.03em;margin:0;color:var(--color-text-primary)}.splash-description{overflow-y:auto;flex:1;min-height:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.splash-description p{margin:0}.splash-actions-footer,.splash-stats{flex-shrink:0}.splash-modes{flex-shrink:0;padding:0 var(--space-4)}.splash-mode-selector{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.splash-mode-btn{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:border-color .15s,background .15s,color .15s;font-family:var(--font-body)}.splash-mode-btn:hover{border-color:var(--game-accent);color:var(--color-text-primary)}.splash-mode-btn--selected{border-color:var(--game-accent);background:color-mix(in srgb,var(--game-accent) 12%,transparent);color:var(--color-text-primary)}.splash-mode-btn__emoji{font-size:1.4rem;line-height:1}.splash-mode-btn__label{font-size:var(--text-xs);font-weight:700;text-align:center}.splash-mode-btn__desc{font-size:10px;color:var(--color-text-tertiary);text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}@media (max-width: 600px){#app>div[class*=-main],#app>div[class*=-layout],#app>main,div[class*=-main],div[class*=-layout],.chain-main,.chimp-main,.simon-main,.equal-main,.fivex5-main,.pipes-layout{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important;padding-left:var(--space-3)!important;padding-right:var(--space-3)!important;gap:var(--space-3)!important}.zl-nav{padding:0 var(--space-3)!important;height:48px!important}.zl-nav__logo{font-size:var(--text-sm)!important}.zl-nav__link{padding:var(--space-1) var(--space-2)!important;font-size:var(--text-xs)!important}.btn__signin-text{display:none!important}.btn--signin-silhouette{padding:0!important;width:32px!important;height:32px!important;border-radius:var(--radius-md)!important;background:transparent!important;border:none!important;color:var(--color-text-primary)!important;justify-content:center!important}.zl-nav__user{display:none!important}.lobby-hero{padding-top:var(--space-6)!important;padding-bottom:var(--space-3)!important;gap:var(--space-2)!important}.lobby-tagline{font-size:var(--text-sm)!important;padding:0 var(--space-2)!important}.result-card,.gameover-card{padding:var(--space-5)!important;gap:var(--space-4)!important}.result-card h2,.gameover-card h2{font-size:var(--text-xl)!important}.game-hud,.pipes-hud,.hud-pill{padding:var(--space-1) var(--space-2)!important;gap:var(--space-1)!important}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}::view-transition-old(root){animation:.25s ease-in both zl-page-out}::view-transition-new(root){animation:.35s ease-out both zl-page-in}@keyframes zl-page-out{to{opacity:0;transform:scale(.98)}}@keyframes zl-page-in{0%{opacity:0;transform:scale(1.02)}}}.nav-settings-wrap{position:relative;display:inline-block}.settings-dropdown{position:absolute;top:40px;right:0;z-index:var(--z-modal);width:180px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000004d;padding:var(--space-1-5) 0;display:none;flex-direction:column}.settings-dropdown.is-open{display:flex}.settings-dropdown__item{display:flex;align-items:center;gap:var(--space-2.5);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.settings-dropdown__item:hover{background:var(--color-surface-overlay);color:var(--color-text-primary)}.settings-dropdown__divider{height:1px;background:var(--color-border-subtle);margin:var(--space-1.5) 0}