:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#edf1f4;--ink:#12324a;--muted:#5b6b7c;--green:#7ee0c3;--green-dark:#0f766e;--orange:#ffb35c;--orange-soft:#ffdcb0;--orange-dark:#b45309;--red:#c8372d;--radius:14px;--shadow:0 6px 24px #12324a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--bg)}:root[data-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shadow:none}:root,:root[data-theme=light]{--bg:#f7f8fa;--surface:#fff;--surface-2:#edf1f4;--ink:#12324a;--muted:#5b6b7c;--header:#ffffffd9;--bg-art:radial-gradient(circle at 8% 0%, #fff1d6 0, transparent 32%), radial-gradient(circle at 95% 10%, #e6f4ff 0, transparent 30%), radial-gradient(circle at 50% 100%, #f1ecff 0, transparent 40%)}:root[data-theme=candy]{--bg:#fff6fb;--surface:#fff;--surface-2:#fbe4f0;--ink:#4a1d3f;--muted:#8a5d7c;--green:#ffb3d9;--green-dark:#c2185b;--orange:#ffcf70;--orange-dark:#c25e00;--header:#fff6fbd9;--shadow:0 6px 24px #c2185b1a;--bg-art:radial-gradient(circle at 10% 5%, #ffe0f0 0, transparent 30%), radial-gradient(circle at 90% 15%, #e9e0ff 0, transparent 30%), radial-gradient(circle at 50% 100%, #fff1c9 0, transparent 40%)}:root[data-theme=ocean]{--bg:#f1f9fc;--surface:#fff;--surface-2:#ddeff6;--ink:#0f3b57;--muted:#4f7187;--green:#7fd6f2;--green-dark:#0b7aa6;--header:#f1f9fcd9;--shadow:0 6px 24px #0b7aa61a;--bg-art:radial-gradient(circle at 5% 0%, #d6f5ef 0, transparent 32%), radial-gradient(circle at 95% 20%, #dbeaff 0, transparent 30%), radial-gradient(circle at 40% 100%, #e0fbff 0, transparent 40%)}:root[data-theme=sunset]{--bg:#fff8f1;--surface:#fff;--surface-2:#fde8d6;--ink:#5a2a12;--muted:#8f6248;--green:#ffc56b;--green-dark:#c25b00;--orange:#ff9f68;--orange-dark:#c2410c;--header:#fff8f1d9;--shadow:0 6px 24px #c2410c1a;--bg-art:radial-gradient(circle at 8% 0%, #ffe3c7 0, transparent 32%), radial-gradient(circle at 92% 12%, #ffd9e0 0, transparent 30%), radial-gradient(circle at 50% 100%, #fff0b8 0, transparent 40%)}:root[data-theme=dark]{--bg:#0f1d1e;--surface:#16292a;--surface-2:#213a3b;--ink:#e7f2ee;--muted:#9db3b2;--green-dark:#a6e35c;--orange-dark:#ffbd6b;--red:#ff7a6e;--header:#16292ae6;--bg-art:none}:root[data-theme=midnight]{--bg:#15122c;--surface:#1f1a40;--surface-2:#2c2557;--ink:#efeaff;--muted:#a99fd6;--green:#b197fc;--green-dark:#d0bfff;--orange-dark:#ffc078;--red:#ff8787;--header:#1f1a40e6;--bg-art:radial-gradient(circle at 10% 0%, #2d2366 0, transparent 35%), radial-gradient(circle at 90% 20%, #1f3566 0, transparent 30%)}[data-scheme=dark] .trace-grid__cell.is-active span,[data-scheme=dark] .found-list li button:hover,[data-scheme=dark] .numbers-board__value,[data-scheme=dark] .tab.is-active{color:#12324a}*{box-sizing:border-box}body{background:var(--bg-art,none), var(--bg);background-attachment:fixed;min-height:100vh;margin:0}h1,h2,h3{font-family:var(--font-display)}a{color:inherit}kbd{border:1px solid var(--muted);border-radius:4px;padding:0 .3rem;font-size:.85em}input,select{font:inherit;border:1px solid var(--surface-2);background:var(--surface);color:var(--ink);border-radius:10px;padding:.45rem .7rem}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{z-index:50;background:var(--header,var(--surface));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.app__logo{letter-spacing:-.02em;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:1.55rem;font-weight:700;text-decoration:none}.app__logo span{color:var(--green-dark);font-style:italic;font-weight:400}.app__nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.app__nav a.account-chip{background:var(--surface-2);align-items:center;gap:.4rem;padding:.25rem .8rem .25rem .3rem;display:inline-flex}.account-chip__avatar{background:var(--surface);border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;font-size:1.15rem;display:grid}.account-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.app__nav a{border-radius:999px;padding:.4rem .8rem;font-weight:600;text-decoration:none}.app__nav a.active{background:var(--green);color:#12324a}.app__main{flex:1;padding:1.5rem}.app__footer{text-align:center;color:var(--muted);padding:1rem;font-size:.85rem}.page{max-width:1000px;margin:0 auto}.page.narrow{max-width:560px}.center{text-align:center}.muted{color:var(--muted)}.error{color:var(--red)}.row{gap:.5rem;display:flex}.row input{flex:1}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem}.card label{font-weight:700}.btn{background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--green);color:#12324a}.btn--danger{background:var(--red);color:#fff}.btn--ghost{background:0 0;min-width:2.4rem}.btn--clue{background:var(--orange);color:#12324a;padding:.7rem 1.6rem;font-size:1.05rem}.game-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.game-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-top:6px solid var(--accent);flex-direction:column;gap:.25rem;padding:1.5rem;text-decoration:none;transition:transform .15s;display:flex}.game-card:hover{transform:translateY(-3px)}.game-card__icon{font-size:2.4rem}.game-card h2{margin:.25rem 0 0}.game-card__tagline{margin:0;font-weight:700}.game-card__meta{color:var(--muted);margin-top:auto;font-size:.85rem}.level-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.level-header h1{margin:0}.level-header__actions{flex-wrap:wrap;gap:.5rem;display:flex}.tabs{background:var(--surface-2);border-radius:999px;gap:.25rem;margin:1rem 0 0;padding:.25rem;display:inline-flex}.tab{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:999px;padding:.4rem 1rem;font-weight:600}.tab.is-active{background:var(--accent)}.level-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.5rem;margin:1rem 0;display:grid}.level-tile{aspect-ratio:1;background:var(--surface);box-shadow:var(--shadow);border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;text-decoration:none;display:flex}.level-tile:hover{border-color:var(--accent)}.level-tile.is-done{background:color-mix(in srgb, var(--accent) 30%, var(--surface))}.level-tile.is-saved{border-color:var(--orange)}.level-tile.is-locked{font:inherit;color:var(--muted);cursor:pointer;opacity:.75;background:var(--surface-2)}.level-tile.is-locked .lock-badge{padding:0 .3rem;font-size:.65rem}.level-tile__num{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.level-tile__saved{color:var(--orange-dark);text-transform:uppercase;font-size:.65rem;font-weight:700}.pager{justify-content:center;align-items:center;gap:1rem;display:flex}.stars{letter-spacing:.05em}.star{color:var(--surface-2)}.star--on{color:var(--orange)}.filters{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.filters label{flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}.filters input{width:7rem}.table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--surface-2);padding:.6rem .8rem}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.8rem}.modal{border-radius:var(--radius);background:var(--surface);width:100%;max-width:min(520px,92vw);color:var(--ink);border:0;padding:0;box-shadow:0 20px 60px #0000004d}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1d1e8c}.modal__body{max-height:85vh;padding:1.5rem;overflow:auto}.modal__body h2{margin-top:0}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.how-to__art{width:100%;max-width:280px;margin:0 auto;display:block}.how-to ul{padding-left:1.2rem;line-height:1.55}.level-loader{text-align:center;padding:4rem 1rem}.lb-tabs{margin:0 0 1rem}.lb-player{align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.lb-player__avatar{font-size:1.2rem}.lb-guest{font-size:.75rem;font-weight:400}.table tr.is-me td{background:color-mix(in srgb, var(--green) 25%, transparent)}.table-scroll{overflow-x:auto}.theme-btn{background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem .3rem .35rem;font-weight:600;display:inline-flex}.theme-btn:hover{background:color-mix(in srgb, var(--green) 40%, var(--surface-2))}.theme-btn__dot{border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;font-size:1.05rem;display:grid;box-shadow:inset 0 0 0 2px #00000014}@media (width<=520px){.theme-btn__name{display:none}.theme-btn{padding-right:.35rem}}.theme-picker{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;display:grid}.theme-picker button{cursor:pointer;border:2px solid var(--surface-2);background:var(--surface);color:var(--ink);font:inherit;border-radius:14px;flex-direction:column;align-items:stretch;gap:.4rem;padding:.5rem;font-weight:700;display:flex}.theme-picker button.is-active{border-color:var(--green-dark)}.theme-picker__swatch{border-radius:10px;place-items:center;height:46px;font-size:1.4rem;display:grid}:root[data-zone=kids]{--font-display:"Baloo 2", "Comic Sans MS", system-ui, sans-serif;--font-body:"Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:20px}:root[data-zone=kids] body{font-size:1.05rem}:root[data-zone=kids] .app__logo{color:#ff7a59;font-family:"Baloo 2",system-ui,sans-serif;font-size:1.7rem;font-style:normal;font-weight:800}:root[data-zone=kids] .app__logo span{color:#2ec4b6;font-style:normal;font-weight:800}:root[data-zone=kids] .btn{border-radius:999px}.kids-home-btn{font-size:1.4rem;line-height:1}.grownups-btn{font:inherit;background:var(--surface-2);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:.4rem .9rem;font-weight:700}.app__nav a.premium-link{color:#4a2600;background:linear-gradient(135deg,#ffd166,#ff9f68)}.parent-gate{text-align:center}.parent-gate__badge{margin:0;font-size:2.6rem}.parent-gate h2{margin:.2rem 0}.parent-gate__q{margin:.6rem 0;font-size:1.35rem}.parent-gate__value{background:var(--surface-2);border-radius:12px;max-width:8rem;min-height:2.6rem;margin:.4rem auto;padding:.3rem;font-size:1.6rem;font-weight:800;display:block}.parent-gate__pad{grid-template-columns:repeat(3,4rem);justify-content:center;gap:.5rem;margin:.6rem 0;display:grid}.parent-gate__pad .btn{justify-content:center;min-height:3rem;font-size:1.2rem}.parent-gate__cancel{margin-top:.25rem}.legal h2{margin-top:1.5rem}.app__nav a.kids-link{color:#9b2f62;background:#ffe3ee}.game-back{align-items:center;gap:.75rem;max-width:960px;margin:0 auto .75rem;display:flex}.game-back__link{background:var(--surface-2);min-height:44px;color:inherit;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.game-back__link:hover{background:var(--surface-3,var(--surface-2))}.game-back__link:active{transform:scale(.96)}.game-back__link:focus-visible{outline:3px solid var(--accent,currentColor);outline-offset:2px}.game-back__name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.app--kids .game-back__link{min-height:52px;padding:.5rem 1.1rem;font-size:1.15rem}@media (prefers-reduced-motion:reduce){.game-back__link{transition:none}}.account-card{text-align:center}.account-card__art{background:linear-gradient(135deg,#ffe066,#ff8fab);border-radius:50%;place-items:center;width:5.5rem;height:5.5rem;margin:0 auto .5rem;font-size:3.2rem;display:grid;box-shadow:0 8px 20px #ff8fab66}.account-card h1{margin:.25rem 0}.account-form{text-align:left;flex-direction:column;gap:.9rem;margin-top:1.25rem;display:flex}.account-field{flex-direction:column;gap:.35rem;font-weight:700;display:flex}.account-field input{font-size:1.1rem}.account-pins{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:.75rem;display:grid}.account-pins input{letter-spacing:.3em}.account-code{letter-spacing:.4em;text-align:center;font-size:1.6rem!important}.account-code-actions{justify-content:center}.account-submit{padding:.8rem;font-size:1.1rem}.account-hint{text-align:center;margin:0;font-size:.85rem}.account-actions{flex-wrap:wrap;gap:.5rem}.account-edit h2{margin:1.25rem 0 .5rem;font-size:1.1rem}.avatar-picker{grid-template-columns:repeat(auto-fill,minmax(2.9rem,1fr));gap:.4rem;display:grid}.avatar-picker__item{aspect-ratio:1;background:var(--surface-2);cursor:pointer;border:2px solid #0000;border-radius:14px;font-size:1.6rem;transition:transform .12s}.avatar-picker__item:hover{transform:scale(1.1)}.avatar-picker__item.is-active{background:color-mix(in srgb, #c03cf0 18%, var(--surface));border-color:#c03cf0;transform:scale(1.08)}.profile__head{align-items:center;gap:1rem;display:flex}.profile__head h1{margin:0}.profile__head p{margin:.2rem 0 0}.profile__avatar{background:linear-gradient(135deg,#7b2ff7,#ff6b6b);border-radius:50%;flex:none;place-items:center;width:4.5rem;height:4.5rem;font-size:2.6rem;display:grid}.profile__totals{text-align:center;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0;display:grid}.profile__totals div{background:var(--surface-2);border-radius:16px;flex-direction:column;padding:.75rem;display:flex}.profile__totals strong{font-size:1.5rem}.profile__totals span{color:var(--muted);font-size:.85rem}.profile h2{font-size:1.15rem}.profile__games{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.profile__games li{background:var(--surface-2);border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .75rem;display:grid}@media (width<=480px){.profile__games li{grid-template-columns:auto 1fr auto}.profile__games li .muted{display:none}}.lock-badge{color:#fff;white-space:nowrap;background:#141428b8;border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700;line-height:1.4;display:inline-flex}.locked-screen{text-align:center;background:var(--surface);border-radius:var(--radius);max-width:28rem;box-shadow:var(--shadow);margin:3rem auto;padding:2rem 1.5rem}.locked-screen__icon{margin:0;font-size:3rem}.locked-screen .btn{margin-top:.75rem}.game-art-motion{display:contents}.game-art-motion [class^=ga-]{transform-box:fill-box;transform-origin:50%}.game-art-motion .ga-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:3.2s ease-in-out infinite ga-draw}.game-art-motion .ga-bob{animation:2.4s ease-in-out infinite ga-bob}.game-art-motion .ga-float{animation:3s ease-in-out infinite ga-float}.game-art-motion .ga-slide{animation:3s cubic-bezier(.5,0,.3,1) infinite ga-slide}.game-art-motion .ga-sail{animation:6s ease-in-out infinite alternate ga-sail}.game-art-motion .ga-wave{animation:2.2s ease-in-out infinite alternate ga-wave}.game-art-motion .ga-pulse{animation:1.8s ease-in-out infinite ga-pulse}.game-art-motion .ga-twinkle{animation:2.2s ease-in-out infinite ga-twinkle}.game-art-motion .ga-drop{animation:3.6s cubic-bezier(.3,1.4,.5,1) infinite ga-drop}.game-art-motion .ga-wander{animation:7s ease-in-out infinite ga-wander}.game-art-motion .ga-peek{transform-origin:bottom;animation:3.4s ease-in-out infinite ga-peek}.game-art-motion .ga-grow{transform-origin:bottom;animation:3.6s ease-out infinite ga-grow}.game-art-motion .ga-pop{animation:3.6s ease-out infinite ga-pop}.game-art-motion .ga-wobble{animation:2.6s ease-in-out infinite ga-wobble}@keyframes ga-draw{0%{stroke-dashoffset:1px}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes ga-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ga-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(3deg)}}@keyframes ga-slide{0%,20%{opacity:1;transform:translate(-30px)}70%{opacity:0;transform:translate(40px)}71%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(-30px)}}@keyframes ga-sail{0%{transform:translate(-26px)rotate(-2deg)}to{transform:translate(26px)rotate(2deg)}}@keyframes ga-wave{0%{transform:translate(-4px)}to{transform:translate(4px)}}@keyframes ga-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ga-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.18)rotate(8deg)}}@keyframes ga-drop{0%{opacity:0;transform:translateY(-60px)}18%,85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes ga-wander{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-60px,10px)rotate(-10deg)}60%{transform:translate(55px,4px)rotate(10deg)}}@keyframes ga-peek{0%,30%,to{transform:translateY(26px)}45%,85%{transform:translateY(0)}}@keyframes ga-grow{0%{opacity:0;transform:scale(.2)}40%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes ga-pop{0%{opacity:0;transform:scale(0)}12%{opacity:1;transform:scale(1.12)}20%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes ga-wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.game-art-motion [class^=ga-]{stroke-dashoffset:0!important;animation:none!important}}.home{flex-direction:column;gap:2.5rem;max-width:1180px;margin:0 auto;display:flex}.avatar{place-items:center;font-size:1.15em;line-height:1;display:inline-grid}.home-hero{color:#fff;text-align:center;isolation:isolate;background:radial-gradient(circle at 15% 20%,#ffd166 0 18%,#0000 19%),radial-gradient(circle at 88% 78%,#06d6a0 0 14%,#0000 15%),radial-gradient(circle at 80% 12%,#ff8fab 0 10%,#0000 11%),linear-gradient(135deg,#7b2ff7 0%,#c03cf0 40%,#ff6b6b 75%,#ff9f43 100%);border-radius:32px;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);position:relative;overflow:hidden;box-shadow:0 20px 50px #7b2ff747}.home-hero:after{content:"";z-index:-1;opacity:.18;background-image:radial-gradient(#fff 1.5px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0}.home-hero__content{z-index:1;max-width:760px;margin:0 auto;position:relative}.home-hero__hello{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border-radius:999px;align-items:center;gap:.35rem;margin:0 0 1rem;padding:.35rem 1rem;font-weight:700;display:inline-flex}.home-hero h1{letter-spacing:-.02em;text-shadow:0 4px #0000001f;margin:0;font-size:clamp(2.2rem,6.5vw,4rem);line-height:1.05}.home-hero__pop{color:#ffe066;text-shadow:0 3px #5b21b699;font-family:var(--font-display);font-weight:400;display:inline-block;transform:rotate(-2deg)}.home-hero__sub{opacity:.95;max-width:560px;margin:1rem auto 1.75rem;font-size:clamp(1rem,2.4vw,1.2rem)}.home-hero__facts{justify-content:center;gap:clamp(1rem,4vw,2.5rem);margin:2rem 0 0;padding:0;font-weight:600;list-style:none;display:flex}.home-hero__facts strong{font-size:1.6rem;display:block}.home-hero__floaters span{opacity:.85;z-index:0;animation:home-float calc(6s + var(--i) * .7s) ease-in-out infinite alternate;filter:drop-shadow(0 4px 6px #0003);font-size:clamp(1.6rem,4vw,2.6rem);position:absolute}@keyframes home-float{0%{transform:translateY(0)rotate(-10deg)}to{transform:translateY(-22px)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.home-hero__floaters span{animation:none}}.home--puzzles .home-hero{background:radial-gradient(circle at 12% 18%,#ffffff14 0 16%,#0000 17%),radial-gradient(circle at 90% 85%,#5eead42e 0 20%,#0000 21%),linear-gradient(140deg,#0f2a3d 0%,#173f55 45%,#1f5a5e 100%);box-shadow:0 20px 50px #0f2a3d4d}.home--puzzles .home-hero h1{text-shadow:none;font-family:Fraunces,Georgia,serif;font-weight:600}.home--puzzles .home-hero__pop{color:#8ff0d6;text-shadow:none;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;display:block;transform:none}.home--puzzles .home-hero__floaters span{color:#ffffff59;filter:none}.home--kids .home-hero{background:radial-gradient(circle at 15% 20%,#ffe66d 0 16%,#0000 17%),radial-gradient(circle at 88% 78%,#7bdff2 0 14%,#0000 15%),radial-gradient(circle at 78% 12%,#ffafcc 0 10%,#0000 11%),linear-gradient(135deg,#ff7a59 0%,#ff9f1c 45%,#2ec4b6 100%);box-shadow:0 20px 50px #ff7a594d}.home--kids .home-hero h1,.home--kids .home-hero__pop{font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;font-weight:800}.home--kids .home-hero__pop{color:#fff6a8;text-shadow:0 3px #96320073}.home-cat{border-radius:28px;padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:1rem}.home-cat--puzzles{background:linear-gradient(160deg,#e7f1f2,#eef2fb)}[data-scheme=dark] .home-cat--puzzles{background:linear-gradient(160deg,#16303a,#1c2540)}.home-cat--kids{background:linear-gradient(160deg,#fff4d6,#ffe3f1 55%,#e2f6ff)}[data-scheme=dark] .home-cat--kids{background:linear-gradient(160deg,#2b2440,#35223a 55%,#1d3044)}.home-cat__header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.home-cat__header h2{margin:0;font-size:clamp(1.6rem,4vw,2.2rem)}.home-cat__header p{color:var(--muted);margin:.2rem 0 0}.home-cat__icon{background:var(--surface);width:3.6rem;height:3.6rem;box-shadow:var(--shadow);border-radius:20px;flex:none;place-items:center;font-size:2rem;display:grid;transform:rotate(-6deg)}.home-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.home-card{color:var(--ink);background:var(--surface);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000014}.home-card:hover,.home-card:focus-visible{box-shadow:0 16px 36px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-6px)rotate(-.5deg)}.home-card__art{aspect-ratio:16/9;background:radial-gradient(circle at 20% 30%, #ffffff73 0 12%, transparent 13%), radial-gradient(circle at 85% 70%, #ffffff4d 0 18%, transparent 19%), linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #7b2ff7));place-items:center;display:grid;position:relative;overflow:hidden}.game-art{width:100%;height:100%;transition:transform .35s;display:block;position:absolute;inset:0}.home-card:hover .game-art{transform:scale(1.05)}.game-art__icon{filter:drop-shadow(0 6px 8px #00000040);font-size:4.2rem;transition:transform .25s}.home-card:hover .game-art__icon{transform:scale(1.15)rotate(-8deg)}.home-cat+.home-cat{margin-top:2rem}.home-cat__header p a{font-weight:700}.home-hero__ctas{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.home-hero__cta{color:#12324a;background:#7ee8c6;border-radius:999px;padding:.7rem 1.3rem;font-weight:800;text-decoration:none;transition:transform .15s}.home-hero__cta:hover{transform:translateY(-2px)}.home-hero__cta--kids{color:#9b2f62;background:#ffd9e6}.home-card__body{flex-direction:column;flex:1;gap:.3rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.home-card__name{font-size:1.35rem;font-weight:800}.home-card__tagline{color:color-mix(in srgb, var(--accent) 65%, var(--ink));font-weight:700}.home-card__desc{color:var(--muted);font-size:.95rem}.home-card__footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.home-card__meta{color:var(--muted);font-size:.82rem}.home-card__play{background:var(--accent);color:#1b1b1b;border-radius:999px;flex:none;padding:.4rem .9rem;font-size:.9rem;font-weight:800}.home-top{text-align:center;background:var(--surface);box-shadow:var(--shadow);border-radius:28px;padding:1.5rem}.home-top h2{margin:0 0 1rem}.home-top__list{gap:.5rem;max-width:520px;margin:0 auto;padding:0;list-style:none;display:grid}.home-top__player{color:var(--ink);background:var(--surface-2);border-radius:16px;align-items:center;gap:.75rem;padding:.6rem 1rem;font-weight:700;text-decoration:none;display:flex}.home-top__medal{font-size:1.4rem}.home-top__name{text-align:left;flex:1}.home-top__stars{color:var(--orange-dark)}.home-top__more{margin-top:1rem;font-weight:700;display:inline-block}@media (width<=720px){.home-hero__floaters span:nth-child(n+6){display:none}}@media (width<=520px){.home-hero{border-radius:24px}.home-hero__floaters span{opacity:.45}}.premium{flex-direction:column;gap:1.75rem;max-width:960px;margin:0 auto;padding-bottom:1rem;display:flex}.premium h2{font-family:var(--font-display)}.premium__hero{text-align:center;padding:.5rem 0 0;animation:.45s ease-out both premium-rise}.premium__hero h1{font-family:var(--font-display);margin:.6rem 0 .5rem;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.premium__hero .muted{max-width:34rem;margin:0 auto;font-size:1.05rem}.premium__badge{letter-spacing:.02em;color:#4a2600;background:linear-gradient(135deg,#ffd166,#ff9f68);border-radius:999px;margin:0;padding:.3rem .9rem;font-weight:800;display:inline-block;box-shadow:0 4px 14px #ff9f6859}.premium__note{background:var(--surface-2);border-radius:14px;align-items:flex-start;gap:.6rem;max-width:40rem;margin:0 auto;padding:.75rem 1rem;font-size:.95rem;display:flex}.premium__note:before{content:"ℹ️"}.premium__note--info{background:color-mix(in srgb, #4dabf7 14%, var(--surface));border:1px solid #4dabf759}.premium__note--warn{background:color-mix(in srgb, #ffb35c 18%, var(--surface));border:1px solid #ffb35c73}.premium__note--warn:before{content:"⚠️"}.premium__plans{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;width:100%;max-width:680px;margin:.5rem auto 0;display:grid}.premium-plan{background:var(--surface);box-shadow:var(--shadow);border:2px solid var(--surface-2);text-align:center;border-radius:24px;flex-direction:column;align-items:stretch;gap:.75rem;padding:1.75rem 1.5rem 1.5rem;transition:transform .2s,box-shadow .2s;animation:.45s ease-out both premium-rise;display:flex;position:relative}.premium-plan:nth-child(2){animation-delay:80ms}.premium-plan:hover{transform:translateY(-3px);box-shadow:0 12px 32px #12324a24}.premium-plan.is-featured{background:linear-gradient(180deg, color-mix(in srgb, #ffd166 16%, var(--surface)) 0, var(--surface) 55%);border-color:#ff9f68}.premium-plan h2{margin:0;font-size:1.5rem}.premium-plan__price{justify-content:center;align-items:baseline;gap:.3rem;margin:0;display:flex}.premium-plan__price strong{letter-spacing:-.02em;font-size:clamp(2rem,7vw,2.5rem);line-height:1}.premium-plan__price span{color:var(--muted)}.premium-plan__note{white-space:nowrap;color:#3b1d00;background:linear-gradient(135deg,#ffd166,#ff9f68);border-radius:999px;padding:.25rem .9rem;font-size:.85rem;font-weight:800;position:absolute;top:-.85rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ff9f6866}.premium-plan__includes{border-top:1px dashed var(--surface-2);text-align:left;gap:.45rem;margin:.25rem 0;padding:.75rem 0 0;list-style:none;display:grid}.premium-plan__includes li{align-items:center;gap:.55rem;font-size:.95rem;display:flex}.premium-plan__includes li:before{content:"✓";background:var(--green);color:#12324a;border-radius:50%;flex:none;place-items:center;width:1.3rem;height:1.3rem;font-size:.75rem;font-weight:900;display:grid}.premium-plan .btn{text-align:center;justify-content:center;width:100%;min-height:48px;margin-top:auto;font-size:1.05rem}.premium-plan.is-featured .btn--primary{color:#3b1d00;background:linear-gradient(135deg,#ffd166,#ff9f68)}.premium__trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:-.5rem 0 0;padding:0;font-size:.9rem;font-weight:600;list-style:none;display:flex}.premium__perks-wrap{flex-direction:column;gap:1rem;display:flex}.premium__perks-wrap h2{margin:0;font-size:1.4rem}.premium__perks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.premium__perks li{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:auto 1fr;align-items:start;gap:.15rem .85rem;padding:1rem 1.1rem;display:grid}.premium__perks li>span:first-child{background:var(--surface-2);border-radius:12px;grid-row:span 2;place-items:center;width:2.6rem;height:2.6rem;font-size:1.4rem;display:grid}.premium__perks li .muted{font-size:.9rem}.premium__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.premium__legal{margin:0;font-size:.85rem}@keyframes premium-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=560px){.premium{gap:1.4rem}.premium__perks{grid-template-columns:1fr;gap:.6rem}.premium__perks li{box-shadow:none;border:1px solid var(--surface-2);padding:.8rem .9rem}.premium-plan{padding:1.6rem 1.15rem 1.25rem}}.premium-demo h1{font-size:1.5rem}.premium-welcome__icon{margin:0;font-size:3.5rem}.premium-welcome__links{justify-content:center}.paywall-perks{gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.premium-tester,.premium-mpesa{box-sizing:border-box;flex-direction:column;gap:.9rem;width:100%;max-width:28rem;margin:0 auto;display:flex}.premium-tester{border:2px dashed var(--surface-2);box-shadow:none}.premium-tester h2,.premium-mpesa h1{font-size:1.35rem;font-family:var(--font-display);margin:0}.premium-tester label,.premium-mpesa label{flex-direction:column;gap:.4rem;font-weight:700;display:flex}.premium-tester input,.premium-mpesa input{letter-spacing:.03em;border-width:2px;min-height:48px;padding:.6rem .9rem;font-size:1.1rem}.premium-tester input:focus,.premium-mpesa input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 4px #4caf5038}.premium-tester .row .btn{flex:1;justify-content:center;min-height:44px}.premium-mpesa{border-top:6px solid #4caf50;border-radius:22px;padding:1.5rem;animation:.4s ease-out both premium-rise}.premium-mpesa form{flex-direction:column;gap:.85rem;display:flex}.premium-mpesa__head{align-items:center;gap:.85rem;display:flex}.premium-mpesa__logo{color:#fff;background:linear-gradient(135deg,#5fbf4a,#2e8b3a);border-radius:14px;flex:none;place-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:900;display:grid;box-shadow:0 6px 16px #2e8b3a59}.premium-mpesa__brand{color:#2e8b3a;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.85rem;font-weight:800}:root[data-scheme=dark] .premium-mpesa__brand{color:#8fdc7e}.premium-mpesa__steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.premium-mpesa__steps li{counter-increment:step;color:var(--muted);flex-direction:column;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;display:flex;position:relative}.premium-mpesa__steps li:before{content:counter(step);background:var(--surface-2);width:1.9rem;height:1.9rem;color:var(--muted);z-index:1;border-radius:50%;place-items:center;font-weight:800;transition:background .3s,color .3s;display:grid}.premium-mpesa__steps li+li:after{content:"";background:var(--surface-2);width:100%;height:3px;position:absolute;top:.95rem;right:50%}.premium-mpesa__steps li.is-active{color:var(--ink)}.premium-mpesa__steps li.is-active:before{color:#fff;background:#4caf50;box-shadow:0 0 0 4px #4caf5040}.premium-mpesa__steps li.is-done:before{content:"✓";color:#fff;background:#2e8b3a}.premium-mpesa__summary{background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.premium-mpesa__summary strong{white-space:nowrap;font-size:1.4rem}.premium-mpesa__hint{margin:0;font-size:.9rem}.premium-mpesa__actions{gap:.6rem;display:flex}.premium-mpesa__actions .btn{justify-content:center;min-height:48px}.premium-mpesa__pay{flex:1;font-size:1.05rem;color:#fff!important;background:linear-gradient(135deg,#5fbf4a,#2e8b3a)!important}.premium-mpesa__pay:disabled{opacity:.55}.premium-mpesa__waiting{background:color-mix(in srgb, #4caf50 12%, var(--surface));border:1px solid #4caf5059;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem;display:flex}.premium-mpesa__waiting p{margin:0}.premium-mpesa__phone{font-size:2.5rem;animation:1.2s ease-in-out infinite premium-buzz}@keyframes premium-buzz{0%,60%,to{transform:rotate(0)}65%,75%,85%{transform:rotate(-12deg)}70%,80%,90%{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.premium-mpesa__phone,.premium__hero,.premium-plan,.premium-mpesa{animation:none}.premium-plan{transition:none}}@media (width<=420px){.premium-mpesa{padding:1.15rem}.premium-mpesa__actions{flex-direction:column-reverse}}.btn--link{color:var(--accent,inherit);cursor:pointer;font:inherit;background:0 0;border:none;padding:.25rem;text-decoration:underline}