:root{--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--destructive-foreground:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1;--color-bg-primary:#f8fafa;--color-bg-secondary:#fff;--color-bg-tertiary:#e8f5f4;--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-accent:#077;--color-accent-hover:#066;--color-success:#3f7f1f;--color-danger:#e63946;--color-warning:#cc5c00;--color-tile-default:#cbd5e0;--color-tile-reveal:#077;--color-tile-correct:#3f7f1f;--color-tile-wrong:#c53030;--color-tile-missed:#cc5c00;--color-pink:#d6336c;--color-teal:#077;--color-lime:#3f7f1f;--cta-start:#15b5a2;--cta-end:#38d67a;--cta-hover-start:#11c7b3;--cta-hover-end:#4be185;--cta-focus:#0f766e;--ad-height-mobile:72px;--ad-height-desktop:90px;--header-height-mobile:64px;--header-height-desktop:80px;--main-min-height-mobile:clamp(480px,calc(100vh - var(--header-height-mobile) - var(--ad-height-mobile) - env(safe-area-inset-top) - env(safe-area-inset-bottom)),900px);--main-min-height-desktop:clamp(560px,calc(100vh - var(--header-height-desktop) - var(--ad-height-desktop) - env(safe-area-inset-top) - env(safe-area-inset-bottom)),960px)}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fb2c36;--border:#262626;--input:#262626;--ring:#525252;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#262626;--sidebar-ring:#525252}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.204% 0 -.00000596046);--sidebar-ring:lab(34.924% 0 0)}}*{border-color:var(--border);outline-color:var(--ring)}body{background:var(--background);color:var(--foreground)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);background:radial-gradient(circle at 18% 20%,#00777738,#0000 26%),radial-gradient(circle at 82% 12%,#3f7f1f2e,#0000 24%),radial-gradient(circle at 48% 84%,#0a1b2e66,#0000 34%),#0c1626;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.page-wrapper{min-height:100vh;padding-bottom:calc(var(--ad-height-mobile) + env(safe-area-inset-bottom));flex-direction:column;display:flex}@media (min-width:769px){.page-wrapper{padding-bottom:calc(var(--ad-height-desktop) + env(safe-area-inset-bottom))}}.seo-page{color:#0f172a;background:linear-gradient(#eef2f5 0%,#f8fafc 30%,#eef2f5 100%);padding:clamp(32px,5vw,56px) 16px clamp(48px,6vw,72px)}.seo-article{color:#0f172a;background:#fff;border:1px solid #0c162814;border-radius:18px;max-width:820px;margin:0 auto;padding:clamp(26px,4vw,40px);line-height:1.72;box-shadow:0 18px 44px #0c162814,0 8px 18px #0077770d}.seo-article h1{color:#0b172a;letter-spacing:-.015em;margin-bottom:12px;font-size:clamp(2rem,3vw,2.35rem);line-height:1.25}.seo-article h2{color:#111827;margin:28px 0 12px;font-size:clamp(1.3rem,2vw,1.5rem);line-height:1.3}.seo-article p{color:#1f2937;margin:0 0 16px;font-size:1.02rem}.seo-article section+section{margin-top:12px}.seo-article a{color:inherit;text-decoration:none}.seo-article a.seo-text-link{color:#0f766e;text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:.12em}.seo-article a.seo-text-link:hover{color:#0b5f58;text-decoration-thickness:.18em}.seo-article a.seo-text-link:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #0f766e52;text-decoration-thickness:.18em}.seo-list{color:#1f2937;margin:0 0 16px 18px;padding:0}.seo-list li{margin-bottom:8px;line-height:1.6}.seo-article header{margin-bottom:12px}.seo-cta-actions{flex-direction:column;align-items:flex-start;gap:8px;margin:16px 0 12px;display:flex}.seo-back-link{color:#0b1a2a;text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:.12em}.seo-back-link:hover{color:#0b5f58;text-decoration-thickness:.18em}.seo-back-link:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #0f766e52;text-decoration-thickness:.18em}.seo-related-block{background:#f4f7fb;border:1px solid #cbd5e1;border-radius:14px;margin-top:18px;padding:16px 18px;box-shadow:0 10px 26px #0c16280f}.seo-related-block h3{color:#0b172a;margin:0 0 8px;font-size:1.05rem}.seo-related-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seo-related-list a{color:#0f766e;font-weight:700}.seo-related-list a:hover{color:#0b5f58}.seo-related-list a:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #0f766e52}.seo-meta{color:#334155;font-size:.95rem}.skip-link{color:#0b172a;z-index:2000;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700;transition:transform .2s,box-shadow .2s;position:absolute;top:auto;left:-999px;box-shadow:0 10px 26px #0c162826}.skip-link:focus-visible{outline:3px solid #0f766e52;top:16px;left:16px;transform:translateY(-2px)}.seo-header{color:#fff;z-index:100;background:linear-gradient(120deg,#0f766e 0%,#2faa5f 100%);padding:14px 16px;position:sticky;top:0;box-shadow:0 10px 28px #0c16282e}.seo-header-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1100px;margin:0 auto;display:flex}.seo-brand{color:inherit;letter-spacing:-.01em;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:inline-flex}.seo-brand-logo{filter:drop-shadow(0 3px 8px #0003);width:44px;height:44px}.seo-brand-name{text-shadow:0 1px 6px #00000038;white-space:nowrap;font-size:1.2rem}.seo-nav{position:relative}.seo-nav-list{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(10px,2vw,22px);margin:0;padding:0;list-style:none;display:flex}.seo-nav-link{color:#fff;border-radius:12px;padding:8px 10px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s}.seo-nav-link:hover{background:#ffffff24;transform:translateY(-1px)}.seo-nav-link:focus-visible{outline-offset:3px;outline:2px solid #fff;box-shadow:0 0 0 4px #fff3}.seo-nav-cta-wrap{display:flex}.seo-nav-cta{color:#1a202c;background:#fffffffa;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 18px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 2px 8px #00000026}.seo-nav-cta:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.seo-nav-cta:focus-visible{outline-offset:4px;outline:3px solid #0f766e52}.seo-menu-toggle{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff52;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s,background-color .2s;display:none;box-shadow:0 10px 22px #0000002e,inset 0 1px #ffffff59}.seo-menu-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff59}.seo-menu-toggle:focus-visible{outline-offset:3px;outline:3px solid #fff9}.seo-menu-bars{flex-direction:column;gap:6px;width:18px;display:inline-flex}.seo-menu-bars span{background:currentColor;border-radius:999px;height:2px;display:block}.seo-footer{color:#e6f4f1;background:linear-gradient(135deg,#0f766e 0%,#0c1626 100%);border-top:1px solid #ffffff24;margin-top:clamp(32px,5vw,48px);padding:20px 16px 28px;box-shadow:0 -10px 26px #0c16282e}.seo-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1100px;margin:0 auto;display:flex}.seo-footer-copy{letter-spacing:.01em;margin:0;font-weight:700}.seo-footer-links{gap:12px;margin:0;padding:0;list-style:none;display:flex}.seo-footer-link{color:#e6f4f1;border-radius:10px;padding:6px 10px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s}.seo-footer-link:hover{background:#ffffff24;transform:translateY(-1px)}.seo-footer-link:focus-visible{outline-offset:3px;outline:2px solid #fff;box-shadow:0 0 0 4px #fff3}@media (max-width:900px){.seo-header-inner{flex-direction:column;align-items:flex-start;gap:12px}.seo-nav-list{justify-content:flex-start;gap:10px 14px;width:100%}.seo-nav-cta-wrap{width:100%}.seo-nav-cta{justify-content:center;width:100%}}@media (max-width:768px){.seo-header-inner{flex-direction:row;align-items:center;gap:10px}.seo-brand{flex:1;min-width:0}.seo-menu-toggle{display:inline-flex}.seo-nav{margin-left:auto}.seo-nav-list{z-index:10;background:#0c1628f5;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;min-width:min(320px,86vw);padding:12px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 32px #00000047}.seo-nav.menu-open .seo-nav-list{display:flex}.seo-nav-list li{width:100%}.seo-nav-link{width:100%;display:block}.seo-nav-cta-wrap{width:100%}.seo-nav-cta{justify-content:center;width:100%}}@media (max-width:640px){.seo-footer-inner{align-items:flex-start;gap:12px}.seo-footer-links{justify-content:flex-start;width:100%}}.primary-cta{cursor:pointer;color:#fff;border:none;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.primary-cta:focus-visible{outline-offset:3px;outline:3px solid #0f766e52}.seo-cta-actions .primary-cta,.seo-cta-actions .primary-cta:hover,.seo-cta-actions .primary-cta:focus-visible{color:#fff}.primary-cta.game-button{background:linear-gradient(135deg,#0f9c8c 0%,#2faa5f 100%);box-shadow:0 12px 26px #20c99747,0 0 0 1px #ffffff29}.primary-cta.game-button:hover{background:linear-gradient(135deg,#0d8c7e 0%,#289953 100%);box-shadow:0 14px 28px #20c99752,0 0 0 1px #ffffff29}.primary-cta.game-button:active{box-shadow:0 10px 20px #20c9973d,0 0 0 1px #ffffff24}.minimal-header{z-index:100;background:linear-gradient(135deg,#077 0%,#3f7f1f 100%);padding:12px 16px;position:sticky;top:0;box-shadow:0 2px 8px #00b8b84d}.header-content{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.header-left{align-items:center;gap:12px;min-width:0;display:flex}.header-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.header-logo{filter:drop-shadow(0 2px 4px #00000026);width:40px;height:40px}.header-title{color:#fff;text-shadow:0 2px 4px #0000001a;margin:0;font-size:1.25rem;font-weight:700}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-toggles{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:4px 6px;display:flex;box-shadow:0 8px 24px #00000029}.icon-toggle{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #fff3;border-radius:50%;place-items:center;width:36px;height:36px;transition:all .2s;display:grid;box-shadow:inset 0 1px #ffffff4d,0 6px 14px #00000026}.icon-toggle:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 10px 24px #00000038}.icon-toggle.active{background:linear-gradient(135deg,#29a39a 0%,#5fd175 100%);border-color:#ffffff8c}.restart-button{color:#1a202c;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#fffffffa;border:none;border-radius:8px;min-height:36px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #00000026}.restart-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.restart-button:active{transform:translateY(0)}.restart-text-desktop{display:none}.restart-text-mobile{font-size:1.5rem;line-height:1;display:inline}@media (max-width:640px){.header-title{white-space:nowrap;text-overflow:ellipsis;max-width:70vw;font-size:clamp(1rem,5vw,1.2rem);overflow:hidden}.header-actions{flex-shrink:0}}@media (min-width:640px){.restart-text-desktop{display:inline}.restart-text-mobile{display:none}}@media (min-width:769px){.minimal-header{padding:16px 24px}.header-logo{width:48px;height:48px}.header-title{font-size:1.5rem}.restart-button{min-height:40px;padding:10px 20px;font-size:1rem}}.main-content{width:100%;max-width:1200px;min-height:var(--main-min-height-mobile);flex-direction:column;flex:1 0 auto;gap:16px;margin:0 auto;padding:16px;display:flex}@media (min-width:769px){.main-content{min-height:var(--main-min-height-desktop);gap:22px;padding:32px 24px}}.hero-intro{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid #00b8b82e;border-radius:14px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #00b8b81f}@media (min-width:769px){.hero-intro{margin-bottom:20px;padding:18px 20px}}.game-area{margin-bottom:20px}.game-area-active{margin-bottom:12px}@media (min-width:769px){.game-area{margin-bottom:24px}.game-area-active{margin-bottom:16px}}.secondary-content{color:#e8f1f5;width:100%;max-width:1200px;margin:0 auto;padding:0 16px 32px}@media (min-width:769px){.secondary-content{padding:0 24px 48px}}.secondary-content .eyebrow{color:#7ae5c5}.section-header{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.section-title{color:#eaf7f2;letter-spacing:-.01em;font-size:1.65rem;font-weight:800}.bento-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:769px){.bento-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.bento-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff38;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 12px 28px #00000038}.bento-icon{color:#b6ffe2;background:linear-gradient(135deg,#15b5a233,#38d67a40);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff59}.bento-card h3{color:#f1f9f7;margin:0 0 4px;font-size:1.02rem}.bento-card p{color:#e9f3f1e6;margin:0}.learn-more-block{color:#0f172a;background:#ffffffeb;border:1px solid #00777729;border-radius:14px;margin-top:24px;padding:16px 18px;box-shadow:0 8px 22px #0c162814}.learn-more-block h2{color:#0b172a;margin:0 0 8px;font-size:1.1rem}.learn-more-block p{color:#1f2937;margin:0 0 10px}.learn-more-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.learn-more-link{color:#0f766e;background:#eef8f7;border:1px solid #00777729;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff9}.learn-more-link:hover{background:#e2f3f0}.learn-more-link:focus-visible{outline-offset:3px;outline:3px solid #0f766e52}.home-footer{color:#eaf7f2;background:linear-gradient(135deg,#00777752,#0c1628e6);border:1px solid #fff3;border-radius:14px;margin-top:20px;margin-bottom:10px;padding:16px 18px;box-shadow:0 8px 22px #00000038}.home-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.home-footer-text{flex-direction:column;gap:4px;display:flex}.home-footer-note{letter-spacing:-.01em;margin:0;font-weight:800}.home-footer-copy{color:#c5e9df;margin:0;font-weight:700}.home-footer-nav{justify-content:flex-end;display:flex}.home-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:520px){.home-footer-row{align-items:flex-start;gap:12px}.home-footer-nav,.home-footer-links{justify-content:flex-start}}.sticky-bottom-ad{z-index:1000;padding-bottom:env(safe-area-inset-bottom);min-height:var(--ad-height-mobile);background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000001a}@media (min-width:769px){.sticky-bottom-ad{min-height:var(--ad-height-desktop)}}.ad-slot{justify-content:center;align-items:center;width:100%;min-height:60px;display:flex}.ad-slot .adsbygoogle{width:100%;min-height:60px;display:block}.header-mascot{justify-content:center;margin-bottom:20px;animation:3s ease-in-out infinite float;display:flex}.header-mascot img{filter:drop-shadow(0 4px 12px #5dd9d84d);width:120px;height:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-header h1{background:linear-gradient(135deg,#077 0%,#3f7f1f 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3rem;font-weight:700}.hero-subtext{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.how-it-works{background:var(--color-bg-secondary);border:1px solid #00b8b840;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00b8b826}@media (min-width:769px){.how-it-works{border-radius:16px;padding:30px}}.how-it-works h2{color:var(--color-text-primary);margin-bottom:16px;font-size:1.5rem;font-weight:700}.how-it-works ul{padding:0;list-style:none}.how-it-works li{color:var(--color-text-secondary);padding:10px 0 10px 32px;font-size:1rem;line-height:1.6;position:relative}.how-it-works li:before{content:"✓";color:var(--color-success);font-size:1.2rem;font-weight:700;position:absolute;left:0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;min-height:clamp(420px,calc(var(--main-min-height-mobile) - 48px),820px);background:#ffffffe0;border:1px solid #ffffff8c;border-radius:16px;flex-direction:column;gap:12px;padding:14px 12px;display:flex;box-shadow:0 16px 48px #0c16283d,0 0 0 1px #00b8b81f}@media (min-width:769px){.game-container{min-height:clamp(500px,calc(var(--main-min-height-desktop) - 64px),880px);border-radius:24px;gap:18px;padding:24px 20px}}.hero-banner{background:linear-gradient(135deg,#0077771a,#3f7f1f14);border:1px solid #0000000a;border-radius:18px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;gap:16px;padding:18px 14px;display:grid;box-shadow:0 12px 36px #0c16282e}@media (min-width:769px){.hero-banner{gap:22px;padding:22px 20px}}.hero-left{flex-direction:column;gap:10px;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#0f766e;font-size:.85rem;font-weight:700}.hero-title{letter-spacing:-.02em;color:#0b1a2a;background:linear-gradient(120deg,#0f766e 0%,#2eb872 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800}.hero-subtitle{color:#1f2a3d;max-width:620px;font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.hero-start{min-width:210px}.hero-chips{flex-wrap:wrap;gap:10px;display:flex}.hero-chip{color:#1a2b3f;background:#0c12200f;border:1px solid #00777724;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700;box-shadow:inset 0 1px #fff9}.hero-preview{flex-direction:column;align-items:center;gap:10px;display:flex}.ghost-grid{background:radial-gradient(circle at 20% 20%,#0773,#0077770d),#0a1422e6;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:360px;padding:16px;display:grid;box-shadow:0 14px 34px #00000059,0 0 0 1px #ffffff14}.ghost-tile{aspect-ratio:1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffff4d,0 6px 14px #00000047}.ghost-flash{background:linear-gradient(140deg,#2dd4bf 0%,#22c55e 100%);animation:none;transform:none;box-shadow:0 0 22px #2dd4bf8c,0 0 0 1px #fff6}.ghost-caption{color:#ffffffc2;text-align:center;font-size:.95rem}@media (max-width:640px){.hero-banner{grid-template-columns:1fr}.hero-preview{order:2}.hero-start{width:100%}.hero-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}}@media (min-width:640px){.hero-banner{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.hero-actions{flex-direction:row;align-items:center;gap:16px}}@media (min-width:769px){.hero-title{font-size:2.15rem}.hero-subtitle{font-size:1.05rem}}.game-stats{flex-wrap:wrap;justify-content:space-around;gap:6px;margin-bottom:2px;padding:2px 0;display:flex}@media (min-width:769px){.game-stats{gap:10px;margin-bottom:6px;padding:4px 0}}.stat-item{flex-direction:column;align-items:center;gap:6px;display:flex}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.stat-value{background:linear-gradient(135deg,#077 0%,#3f7f1f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700}.lives-display{filter:drop-shadow(0 2px 4px #0000001a);gap:6px;font-size:1.25rem;display:flex}.life-heart{filter:drop-shadow(0 2px 4px #00000026)}.mistakes-dots{gap:8px;display:flex}.mistake-dot{background:#e5e7eb;border-radius:50%;width:10px;height:10px;transition:background .2s}.mistake-dot.active{background:var(--color-danger);box-shadow:0 0 8px #ef444466}@media (min-width:769px){.stat-value{font-size:1.5rem}.lives-display{font-size:1.35rem}}.game-message{text-align:center;color:var(--color-text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:600}.level-clear-message{color:var(--color-success);font-size:1.5rem;font-weight:700}.life-lost-message{color:var(--color-danger);font-size:1.5rem;font-weight:700}.grid-container{--grid-gap:clamp(4px,1.4vw,12px);--tile-size:clamp(36px,16vw,72px);touch-action:none;min-height:var(--grid-available-height,auto);max-height:var(--grid-available-height,none);justify-content:center;align-items:flex-start;width:100%;padding:4px 0 6px;display:flex}@media (min-width:769px){.grid-container{padding:8px 0 10px}}.memory-grid{gap:var(--grid-gap,clamp(4px,1.2vmin,12px));grid-template-columns:repeat(var(--grid-size,3),var(--tile-size,72px));grid-auto-rows:var(--tile-size,72px);justify-content:center;width:fit-content;max-width:100%;display:grid}.memory-tile{width:var(--tile-size,72px);height:var(--tile-size,72px);aspect-ratio:1;background:var(--color-tile-default);cursor:pointer;min-width:var(--tile-size,72px);min-height:var(--tile-size,72px);touch-action:manipulation;border:none;border-radius:12px;transition:all .2s;position:relative;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff80}.memory-tile:hover:not(.tile-disabled):not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #00b8b866}.memory-tile:focus{outline:3px solid var(--color-accent);outline-offset:3px}.memory-tile.tile-disabled{cursor:default}.tile-reveal{background:var(--color-tile-reveal);box-shadow:0 4px 16px #00b8b899,inset 0 1px #ffffff4d}.tile-correct{background:var(--color-tile-correct);box-shadow:0 4px 16px #66c93399,inset 0 1px #ffffff4d}.tile-wrong{background:var(--color-tile-wrong);box-shadow:0 4px 16px #e6394680,inset 0 1px #ffffff4d}.tile-missed{background:var(--color-tile-missed);box-shadow:0 4px 16px #f77f0080,inset 0 1px #ffffff4d}@media (prefers-reduced-motion:reduce){.memory-tile{transition:none}.memory-tile:hover:not(.tile-disabled):not(:disabled){transform:none}.toggle-slider,.toggle-button,.game-button{transition:none}.game-button:hover,.game-button:active{transform:none}}.game-controls{flex-direction:column;align-items:center;gap:16px;margin-top:16px;display:flex}.game-button{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#15b5a2 0%,#38d67a 100%);border:none;border-radius:14px;min-height:48px;padding:16px 46px;font-size:1.15rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 18px 40px #20c99766,0 0 0 1px #ffffff40}.game-button:hover{background:linear-gradient(135deg,#11c7b3 0%,#4be185 100%);transform:scale(1.05)translateY(-1px);box-shadow:0 22px 48px #20c99780,0 0 0 1px #ffffff47}.game-button:active{transform:scale(.99)}.juicy-start{box-shadow:0 22px 56px #20c9976b,0 0 0 1px #ffffff4d}.settings-row{flex-direction:column;align-items:center;gap:12px;display:flex}@media (min-width:640px){.settings-row{flex-direction:row;gap:24px}}.settings-toggle{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:.95rem;display:flex}.toggle-label{font-weight:500}.toggle-button{cursor:pointer;background:#cbd5e0;border:none;border-radius:14px;width:52px;height:28px;transition:background .3s;position:relative}.toggle-button.active{background:var(--color-accent)}.toggle-slider{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.toggle-button.active .toggle-slider{transform:translate(24px)}.results-panel{background:var(--color-bg-tertiary);border:2px solid #00b8b84d;border-radius:16px;margin-bottom:20px;padding:30px;box-shadow:0 2px 8px #00b8b826}.results-title{text-align:center;color:var(--color-text-primary);margin-bottom:24px;font-size:2rem;font-weight:700}.results-stats{flex-wrap:wrap;justify-content:space-around;gap:20px;display:flex}.result-stat{flex-direction:column;align-items:center;gap:8px;display:flex}.result-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.result-value{color:#000;background:0 0;font-size:2.5rem;font-weight:700}.compact-instructions{background:var(--color-bg-secondary);text-align:center;max-width:720px;color:var(--color-text-secondary);border:1px solid #00b8b826;border-radius:12px;margin:0 auto 24px;padding:12px 14px;box-shadow:0 2px 6px #0000000a}.compact-instructions p{margin:0;font-size:.98rem}.compact-label{color:var(--color-text-primary);margin-right:6px;font-weight:700}@media (max-height:740px){.main-content{padding:12px}.game-container{gap:10px;padding:14px 12px}.game-stats{gap:8px;margin-bottom:6px}.game-message{margin-bottom:12px}.grid-container{padding:6px 0}}@media (max-height:600px){.main-content{padding:10px}.game-container{gap:8px;padding:12px 10px}.game-stats{gap:6px;margin-bottom:4px}.grid-container{padding:4px 0}.game-controls{gap:12px;margin-top:12px}}