:root{font-family:Nunito,Segoe UI,system-ui,sans-serif;line-height:1.5}*{margin:0}.crash{background:var(--cream,#fdf8f0);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.crash-inner{text-align:center;max-width:420px}.crash-emoji{margin-bottom:16px;font-size:64px;line-height:1;display:block}.crash-title{color:var(--teal,#2b7a78);margin:0 0 10px;font-size:28px;font-weight:900}.crash-body{color:var(--muted,#6b6478);margin:0 0 24px;font-weight:600}.crash-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.game-play{--prompt-gap:30px}.games-hub,.game-play{--deck:var(--sky);background:linear-gradient(180deg, color-mix(in srgb, var(--deck) 26%, white) 0%, color-mix(in srgb, var(--deck) 10%, white) 45%, var(--cream) 100%);flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.games-inner{width:100%;max-width:480px;padding:var(--page-pad-top) var(--page-pad) 26px;flex-direction:column;flex:1;align-items:center;display:flex}.game-play .games-inner{max-width:min(840px,100%)}.games-hub{text-align:center}.games-hub .games-inner{max-width:460px;padding:var(--page-pad-top) var(--page-pad) 32px}.games-inner .page-head{align-self:stretch}.game-play .games-inner>.page-head,.game-play .games-inner>.game-top{flex:none}.game-play .game-stage,.game-play .memory-grid,.game-play .line-board{margin-top:auto;margin-bottom:auto}.game-play .game-stage{flex-direction:column;align-items:center;width:100%;display:flex}.games-title{color:var(--teal);margin:10px 0 2px;font-size:clamp(30px,8vw,42px);font-weight:900}.games-sub{color:var(--muted);margin:0 0 26px;font-weight:600}.games-list{flex-direction:column;gap:16px;width:100%;display:flex}.game-card{--accent:var(--sky);border:1px solid var(--ring);border-bottom:9px solid var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, white), #fff 60%);box-shadow:var(--shadow);cursor:pointer;text-align:left;border-radius:24px;align-items:center;gap:16px;padding:18px;font-family:inherit;transition:transform .14s,box-shadow .14s;display:flex}.game-card:hover{transform:translateY(-4px)rotate(-.4deg)}.game-card:active{transform:translateY(-1px)scale(.995)}.game-emoji{background:color-mix(in srgb, var(--accent) 20%, white);width:66px;height:66px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 30%, white);border-radius:20px;flex:none;justify-content:center;align-items:center;font-size:38px;line-height:1;display:flex}.game-copy{flex-direction:column;flex:1;gap:2px;display:flex}.game-name{color:var(--ink);font-size:21px;font-weight:900}.game-desc{color:var(--muted);font-size:14px;font-weight:600}.game-go{color:#fff;background:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;display:flex;box-shadow:0 4px #2b244026}.games-locked{color:var(--muted);flex-direction:column;align-items:center;gap:14px;margin-top:30px;font-weight:600;display:flex}.games-lock-emoji{font-size:60px}.game-play.memory .mem-back{background:color-mix(in srgb, var(--deck) 8%, #fff)}.game-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.game-top .count{color:var(--muted);font-size:14px;font-weight:800}.game-done{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.game-done h2{color:var(--teal);margin:0;font-size:clamp(26px,7vw,36px)}.game-score{color:var(--muted);font-size:18px;font-weight:700}.game-play.done{background:linear-gradient(180deg, color-mix(in srgb, var(--sunny) 30%, white) 0%, color-mix(in srgb, var(--sunny) 10%, white) 40%, var(--cream) 100%);height:auto;min-height:100dvh}.game-play.done .games-inner{justify-content:flex-start;max-width:560px;padding-top:26px}.done-hero{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.done-star{font-size:clamp(56px,16vw,78px);line-height:1;animation:.7s cubic-bezier(.34,1.56,.64,1) both star-pop;display:block}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}70%{transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.done-title{color:var(--teal);margin:6px 0 0;font-size:clamp(30px,8.5vw,44px);font-weight:900;animation:1.4s ease-in-out .5s infinite title-bounce}@keyframes title-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.done-recap-label{color:var(--teal);text-align:center;margin:26px 0 14px;font-size:19px;font-weight:900}.done-words{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.done-word{cursor:pointer;min-width:0;animation:.45s cubic-bezier(.34,1.56,.64,1) both word-in;animation-delay:calc(var(--i) * 80ms);border-radius:20px;flex-direction:column;flex:0 116px;align-items:center;gap:2px;padding:10px 8px 12px;font-family:inherit;display:flex;box-shadow:0 6px 16px #2b24401a}.done-word.got{border:3px solid var(--leaf);background:color-mix(in srgb, var(--leaf) 8%, #fff);animation:.45s cubic-bezier(.34,1.56,.64,1) both word-in,2.2s ease-in-out infinite wiggle;animation-delay:calc(var(--i) * 80ms), calc(.45s + var(--i) * 80ms)}.done-word.missed{border:3px solid var(--ring);opacity:.85;background:#fff}.done-word.missed .done-word-ph{color:var(--muted)}@keyframes word-in{0%{opacity:0;transform:scale(.7)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes wiggle{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.done-word:active{transform:scale(.95)}.done-word-img{aspect-ratio:1;object-fit:contain;width:100%}.done-word-ph{color:var(--leaf);font-size:15px;font-weight:900}.done-word-en{color:var(--muted);font-size:12px;font-weight:700}.done-actions{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:28px;display:flex}.done-next{text-wrap:balance;width:100%;max-width:380px;padding:15px 22px;font-size:17px}.btn.ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-weight:800}.btn.ghost:hover{color:var(--teal)}.listen-btn{background:radial-gradient(circle at 38% 32%, #ffd25e, var(--sunny));cursor:pointer;border:none;border-radius:50%;width:104px;height:104px;margin:14px 0 6px;font-size:46px;transition:transform .1s;animation:1.8s ease-in-out infinite listen-pulse;position:relative;box-shadow:0 7px #00000026,0 12px 26px #f7b73166}.listen-btn:active{transform:translateY(3px);box-shadow:0 3px #00000026,0 6px 16px #f7b73166}@keyframes listen-pulse{0%,to{box-shadow:0 7px #00000026,0 12px 26px #f7b73166,0 0 #f7b73180}60%{box-shadow:0 7px #00000026,0 12px 26px #f7b73166,0 0 0 16px #f7b73100}}.listen-prompt{color:var(--teal);margin:10px 0 var(--prompt-gap);font-size:20px;font-weight:900}.listen-grid{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.listen-grid.n3 .listen-opt:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}@media (width>=720px){.listen-grid{grid-template-columns:repeat(var(--n,2), minmax(0, 1fr));justify-content:center}.listen-grid.n3{--n:3}.listen-grid.n4{--n:4}.listen-grid .listen-opt{max-width:46dvh;max-height:46dvh}.listen-grid.n3 .listen-opt:nth-child(3){grid-column:auto;justify-self:auto;width:auto}}.listen-opt{aspect-ratio:1;background:color-mix(in srgb, var(--sky) 10%, #fff);cursor:pointer;border:3px solid #ffffffe6;border-radius:22px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:8px;transition:transform .12s,border-color .15s,box-shadow .15s,background .15s;animation:.35s both opt-in;display:flex;overflow:hidden;box-shadow:0 8px 20px #2b24401a}.listen-opt:first-child{animation-delay:20ms}.listen-opt:nth-child(2){animation-delay:80ms}.listen-opt:nth-child(3){animation-delay:.14s}.listen-opt:nth-child(4){animation-delay:.2s}@keyframes opt-in{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.listen-opt:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2b244029}.listen-opt:active{transform:scale(.97)}.listen-opt.right{border-color:var(--leaf);animation:.5s cubic-bezier(.34,1.56,.64,1) right-pop;box-shadow:0 0 0 4px #5fa84e4d,0 8px 20px #2b24401f}@keyframes right-pop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.listen-opt.wrong{border-color:var(--coral);animation:.4s shake}.listen-img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:6px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:8px;display:grid}.memory-grid.pairs4,.memory-grid.pairs5{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-grid.pairs6{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=360px){.memory-grid{gap:8px}}.mem-tile{aspect-ratio:1;perspective:700px;cursor:pointer;background:0 0;border:none;padding:0}.mem-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;display:block;position:relative}.mem-tile.up .mem-inner{transform:rotateY(180deg)}.mem-face{backface-visibility:hidden;border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.mem-front{background:linear-gradient(145deg, color-mix(in srgb, var(--coral) 78%, white), var(--coral));color:#fff;font-size:34px;font-weight:900;box-shadow:0 6px 16px #2b24402e}.mem-back{background:color-mix(in srgb, var(--sky) 8%, #fff);border:2px solid #ffffffe6;padding:6px;transform:rotateY(180deg);box-shadow:0 6px 16px #2b24401f}.mem-img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:8px}.mem-snd{font-size:40px}.mem-tile.matched .mem-inner{animation:.4s matched-pop}.mem-tile.matched .mem-back{box-shadow:0 0 0 3px var(--leaf), 0 6px 16px #2b244024}@keyframes matched-pop{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.08)}to{transform:rotateY(180deg)scale(1)}}@media (prefers-reduced-motion:reduce){.mem-inner,.listen-opt,.listen-btn,.game-card{transition:none}.mem-tile.matched .mem-inner,.listen-opt.wrong{animation:none}.done-star,.done-title,.done-word,.done-word.got{opacity:1;animation:none;transform:none}}.line-play .games-inner{max-width:560px}.line-prompt{margin:4px 0 var(--prompt-gap);color:var(--muted);text-align:center;text-wrap:balance;font-weight:700}.line-board{flex-direction:column;gap:10px;width:100%;display:flex}.line-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;display:grid}.line-item{min-height:64px;font:inherit;color:var(--ink);cursor:pointer;text-align:center;background:#fff;border:3px solid #e9e6f2;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 12px 10px 34px;font-weight:800;display:flex;position:relative;box-shadow:0 4px #2b244014}.line-tick{color:#fff;background:#fff;border:2px solid #d9d5e6;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.line-item .line-text{font-size:1.05rem}.line-item .line-text.big{color:var(--teal);font-size:1.9rem}.line-sound{flex-direction:column;align-items:center;gap:1px;line-height:1.1;display:flex}.line-speaker{font-size:1.5rem}.line-heard{color:var(--sky);font-size:.8rem;font-weight:800}.line-item.picked{border-color:var(--accent,var(--sky));background:color-mix(in srgb, var(--accent,var(--sky)) 10%, white)}.line-item.picked .line-tick{border-color:var(--accent,var(--sky));background:var(--accent,var(--sky))}.line-item.matched{border-color:var(--leaf);background:color-mix(in srgb, var(--leaf) 12%, white);cursor:default;opacity:1}.line-item.matched .line-tick{border-color:var(--leaf);background:var(--leaf)}.line-item.wrong{border-color:var(--coral);background:color-mix(in srgb, var(--coral) 10%, white);animation:.4s shake}.line-item.wrong .line-tick{border-color:var(--coral);background:var(--coral)}@media (prefers-reduced-motion:reduce){.line-item.wrong{animation:none}}@media (width<=420px){.line-row{gap:8px}.line-item{min-height:58px;padding-left:30px}.line-item .line-text.big{font-size:1.7rem}}.pic-question{background:#fff;border-radius:26px;justify-content:center;align-items:center;width:100%;margin:0 auto 22px;padding:10px;display:flex;box-shadow:0 8px 22px #2b24401f}.pic-img{object-fit:contain;width:100%;height:auto;max-height:52dvh}.pic-options{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.pic-options>:nth-child(3):last-child{grid-column:1/-1}@media (width>=560px){.pic-options{grid-template-columns:repeat(3,1fr)}.pic-options>:nth-child(3):last-child{grid-column:auto}}.pic-opt{cursor:pointer;background:#fff;border:3px solid #e9e6f2;border-radius:20px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:16px 8px 12px;font-family:inherit;display:flex;box-shadow:0 5px #2b244017}.pic-bn{color:var(--teal);font-size:clamp(30px,9vw,40px);font-weight:900;line-height:1.15}.pic-bn.pic-word{overflow-wrap:anywhere;text-align:center;font-size:clamp(20px,6vw,30px)}.pic-spk{font-size:1rem}.pic-opt.armed{border-color:var(--sky);background:color-mix(in srgb, var(--sky) 10%, white);transform:translateY(-2px)}.pic-opt.right{border-color:var(--leaf);background:color-mix(in srgb, var(--leaf) 12%, white)}.pic-opt.wrong{border-color:var(--coral);animation:.4s shake}.pic-opt.reveal:not(.right){border-color:var(--leaf)}@media (prefers-reduced-motion:reduce){.pic-opt.armed{transform:none}.pic-opt.wrong{animation:none}}.games-section{width:100%}.games-section+.games-section{margin-top:26px}.games-section-title{letter-spacing:.02em;text-transform:uppercase;color:var(--teal);text-align:left;margin:0 0 2px;font-size:15px;font-weight:900}.games-section-blurb{color:var(--muted);text-align:left;margin:0 0 12px;font-size:13px;font-weight:600}.game-card.locked{cursor:not-allowed;border-bottom-color:var(--ring);box-shadow:none;opacity:.72;background:#f6f5f9}.game-card.locked:hover{transform:none}.game-card.locked .game-emoji{filter:grayscale();background:#eceaf2;box-shadow:inset 0 0 0 2px #e2dfeb}.game-card.locked .game-name,.game-card.locked .game-desc{color:var(--muted)}.game-card.locked .game-go{box-shadow:none;background:#d9d5e6}.game-card.cleared .game-go{background:var(--leaf)}.colour-hub,.colour-page{background:linear-gradient(180deg, color-mix(in srgb, var(--leaf) 20%, white) 0%, color-mix(in srgb, var(--leaf) 7%, white) 45%, var(--cream) 100%);flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.colour-inner{width:100%;max-width:560px;padding:var(--page-pad-top) var(--page-pad) 28px;flex-direction:column;flex:1;align-items:center;display:flex}.colour-page .colour-inner{align-items:stretch;gap:0;height:100%;min-height:0;padding:10px 12px 14px}.colour-hub .back{align-self:flex-start}.colour-page{height:100dvh;overflow:hidden}.colour-page .colour-inner{min-height:0;overflow:hidden}.colour-title{color:var(--teal);margin:10px 0 2px;font-size:clamp(30px,8vw,42px);font-weight:900}.colour-sub{color:var(--muted);margin:0 0 22px;font-weight:600}.colour-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,108px),1fr));gap:12px;width:100%;display:grid}.colour-pick{cursor:pointer;background:#fff;border:3px solid #fff;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 6px 16px #2b24401a}.colour-pick:hover{transform:translateY(-3px);box-shadow:0 12px 22px #2b244026}.colour-pick:active{transform:scale(.97)}.colour-pick-img{object-fit:contain;width:100%;height:84px}.colour-pick-ph{color:var(--teal);font-size:14px;font-weight:900}.colour-pick-en{color:var(--muted);font-size:11px;font-weight:700}.colour-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.colour-word{cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;display:flex;box-shadow:0 4px 12px #2b24401f}.colour-word-ph{color:var(--teal);font-size:17px;font-weight:900}.colour-word-sp{font-size:17px}.colour-canvas-wrap{background:#fff;border:2px solid #d8dbe2;border-radius:24px;flex:auto;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin-bottom:10px;padding:18px;display:flex;overflow:hidden;box-shadow:0 10px 26px #2b24401f}.colour-canvas{object-fit:contain;touch-action:manipulation;cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:100%}.colour-palette{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;width:100%;margin-bottom:6px;display:flex}.swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:36px;height:36px;transition:transform .12s;box-shadow:0 3px 8px #2b244033}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:0 0 0 3px var(--teal), 0 4px 10px #2b244040;transform:scale(1.18)}.colour-reset{color:var(--muted);flex:none;padding:4px 14px}@media (prefers-reduced-motion:reduce){.colour-pick,.swatch{transition:none}}.colour-failed{text-align:center;color:var(--muted);margin:12px 0 0;font-weight:700}.colour-stack{aspect-ratio:var(--ar,1);max-width:100%;height:100%;margin:auto;line-height:0;display:block;position:relative}.colour-stack .colour-paint{width:100%;height:100%;display:block}.colour-stack .colour-lines{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0}:root{--cream:#fff;--card:#fff;--teal:#2d5561;--sky:#4ba3d3;--sunny:#f7b731;--coral:#e8635a;--leaf:#5fa84e;--ink:#2b2440;--muted:#7a7391;--ring:#efe7d8;--shadow:0 14px 30px #2b244024;--round:26px;--font:"SF Pro Rounded", "Arial Rounded MT Bold", "Baloo 2", "Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--cream);max-width:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}#root{max-width:100%;overflow-x:hidden}.home{width:100%;max-width:900px;padding:var(--page-pad-top) var(--page-pad) 64px;flex-direction:column;margin:0 auto;display:flex;overflow-x:hidden}@media (width<=560px){.home{padding-bottom:48px}}.home-footer{border-top:1px solid var(--ring);flex-direction:column;align-items:center;gap:8px;margin-top:48px;padding-top:28px;display:flex}.brand-logo{opacity:.9;width:40px;height:auto;display:block}.reset-deck{border:1.5px solid var(--ring);color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:17px;transition:color .14s,border-color .14s,transform .2s;display:flex}.reset-deck:hover{color:var(--coral);border-color:var(--coral);transform:rotate(-90deg)}.hero{justify-content:center;align-items:flex-end;gap:4px;margin:4px 0 30px;display:flex}.mascot{filter:drop-shadow(0 8px 10px #2b244024);width:clamp(70px,20vw,130px);height:auto}.hero-copy{text-align:center;padding-bottom:10px}.hero h1{letter-spacing:-.5px;text-wrap:balance;margin:0;font-size:clamp(28px,7vw,44px);font-weight:800}.hero h1 .script{color:var(--sky)}.tagline{color:var(--muted);margin:2px 0 12px;font-size:14px}.duo-stats{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.duo-stat{border:2px solid var(--ring);font-variant-numeric:tabular-nums;background:#fff;border-radius:16px;align-items:center;gap:7px;padding:8px 15px;display:inline-flex;box-shadow:0 3px #2b24400f}.duo-stat.dim{opacity:.55}.duo-stat.gold{border-color:var(--sunny);background:color-mix(in srgb, var(--sunny) 12%, #fff)}.duo-icon{font-size:20px;line-height:1}.duo-num{color:var(--ink);font-size:19px;font-weight:900}.duo-den{color:var(--muted);font-size:13px;font-weight:800}.freeze-note{color:var(--sky);margin-top:10px;font-size:13px;font-weight:700}.daily-goal{border:1.5px solid var(--ring);background:#fff;border-radius:999px;align-items:center;gap:10px;margin:14px auto 0;padding:8px 16px 8px 10px;display:inline-flex;box-shadow:0 4px #2b24400f}.daily-goal.reached{border-color:var(--leaf);background:color-mix(in srgb, var(--leaf) 10%, #fff)}.daily-ring{position:relative;transform:rotate(-90deg)}.dg-track{fill:none;stroke:var(--ring);stroke-width:5px}.dg-fill{fill:none;stroke:var(--sky);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.34,1.56,.64,1)}.daily-goal.reached .dg-fill{stroke:var(--leaf)}.daily-goal{position:relative}.dg-emoji{text-align:center;pointer-events:none;width:40px;font-size:16px;position:absolute;left:10px}.dg-copy{text-align:left;flex-direction:column;line-height:1.15;display:flex}.dg-title{color:var(--ink);font-size:13px;font-weight:800}.dg-sub{color:var(--muted);font-size:12px;font-weight:600}.mute-toggle{border:1.5px solid var(--ring);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin-top:4px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:color .14s,border-color .14s}.mute-toggle:hover{color:var(--teal);border-color:var(--teal)}.level-box{justify-content:center;align-items:center;gap:10px;max-width:300px;margin:14px auto 0;display:flex}.level-badge{background:var(--sky);color:#fff;white-space:nowrap;border-radius:999px;flex:none;padding:5px 12px;font-size:13px;font-weight:800;box-shadow:0 4px #0000001f}.xp-track{background:var(--ring);border-radius:999px;flex:auto;height:12px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--leaf), var(--sunny));border-radius:999px;height:100%;transition:width .4s}.xp-label{color:var(--muted);white-space:nowrap;flex:none;font-size:11px;font-weight:700}.badge-toast{z-index:60;background:var(--card);border:2px solid var(--sunny);max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;padding:12px 20px 12px 14px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.badge-toast{opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.2,1.3,.5,1);transform:translate(-50%,-24px)scale(.9)}.badge-toast.in{opacity:1;transform:translate(-50%)scale(1)}}.badge-toast-emoji{font-size:30px;line-height:1}.badge-toast-text{flex-direction:column;line-height:1.15;display:flex}.badge-toast-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.badge-toast-name{color:var(--ink);font-size:16px;font-weight:800}.badges{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:12px;max-width:100%;margin:22px 0 8px;padding:6px 2px 14px;display:flex;overflow-x:auto}.badge{background:var(--card);border:1px solid var(--ring);text-align:center;opacity:.45;filter:grayscale();border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:6px;width:84px;padding:12px 8px;transition:opacity .2s,filter .2s,transform .2s;display:flex}.badge.earned{opacity:1;filter:none;border-color:var(--sunny);box-shadow:0 4px #f7b73159}.badge.earned:hover{transform:translateY(-3px)}.badge-emoji{font-size:30px;line-height:1}.badge-name{color:var(--muted);font-size:11px;font-weight:700;line-height:1.15}.games-banner{--deck:var(--sunny);background:var(--card);border:1px solid var(--ring);border-bottom:9px solid var(--deck);border-radius:var(--round);width:100%;box-shadow:var(--shadow);color:inherit;cursor:pointer;text-align:left;align-items:center;gap:16px;margin:4px 0 22px;padding:16px 18px;font-family:inherit;transition:transform .14s,box-shadow .14s;display:flex}.games-banner:hover{transform:translateY(-4px)rotate(-.4deg)}.games-banner:active{transform:translateY(-1px)scale(.995)}.games-banner-emoji{background:color-mix(in srgb, var(--deck) 18%, white);border-radius:18px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;line-height:1;display:flex}.games-banner-copy{flex-direction:column;flex:1;gap:2px;display:flex}.games-banner-title{color:var(--ink);font-size:20px;font-weight:900}.games-banner-sub{color:var(--muted);font-size:13px;font-weight:600}.games-banner-arrow{color:var(--deck);flex:none;font-size:22px;font-weight:900}.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}@media (width<=560px){.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.deck{--deck:var(--sky);aspect-ratio:1;background:var(--card);border-radius:var(--round);cursor:pointer;min-width:0;box-shadow:var(--shadow);border:1px solid var(--ring);border-bottom:9px solid var(--deck);color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 14px;font-family:inherit;transition:transform .14s,box-shadow .14s;display:flex;position:relative}.deck:hover{transform:translateY(-5px)rotate(-.6deg)}.deck:active{transform:translateY(-1px)scale(.99)}.deck-reset{width:30px;height:30px;color:var(--muted);background:color-mix(in srgb, var(--muted) 8%, white);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:color .14s,background .14s,transform .2s;display:flex;position:absolute;top:8px;right:8px}.deck-reset:hover{color:#fff;background:var(--coral);transform:rotate(-90deg)}.deck-emoji{background:color-mix(in srgb, var(--deck) 16%, white);border-radius:50%;justify-content:center;align-items:center;width:clamp(72px,18vw,92px);height:clamp(72px,18vw,92px);font-size:clamp(40px,9vw,52px);line-height:1;transition:transform .14s;display:flex;box-shadow:inset 0 -4px #0000000d}.deck:hover .deck-emoji{transform:scale(1.08)rotate(-4deg)}.deck-name{overflow-wrap:break-word;text-align:center;max-width:100%;font-size:21px;font-weight:800}@media (width<=560px){.deck-name{font-size:clamp(15px,4.6vw,21px)}}.deck-count{color:var(--muted);font-size:13px;font-weight:700}.starbar{letter-spacing:3px;height:16px;font-size:16px;line-height:1;position:relative}.starbar-bg{color:var(--ring)}.starbar-fill{white-space:nowrap;color:var(--sunny);position:absolute;inset:0;overflow:hidden}:root{--page-pad:18px;--page-pad-top:18px}.page-head{flex:none;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:36px;margin-bottom:16px;display:flex}.page-head .back{align-self:center;margin-right:auto}.ta-intro .page-head{margin-bottom:0}.study{--deck:var(--sky);max-width:460px;height:100dvh;padding:var(--page-pad-top) var(--page-pad) 20px;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.study-body{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.study-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.back{color:var(--muted);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:12px;align-items:center;gap:4px;height:36px;padding:6px 8px;font-family:inherit;font-size:16px;font-weight:800;line-height:24px;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.pips{flex-wrap:wrap;flex:1;justify-content:center;gap:5px;display:flex}.pip{background:var(--ring);border-radius:50%;width:8px;height:8px}.pip.past{background:var(--leaf)}.pip.on{background:var(--deck);transform:scale(1.4)}.card{perspective:1400px;aspect-ratio:3/4;cursor:pointer;width:100%;max-height:62vh;margin:0}.card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.34,1.35,.64,1);position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card.swapping .card-inner{transition:none}.face{backface-visibility:hidden;will-change:transform;border-radius:var(--round);background:var(--card);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.front{text-align:center;border:5px solid var(--deck);gap:14px;padding:24px}.front-label{color:var(--muted);text-wrap:balance;font-size:15px;font-weight:700}.front-word{color:var(--deck);letter-spacing:-1px;font-size:clamp(38px,12vw,60px);font-weight:800}.front-hint{color:var(--muted);opacity:.7;font-size:13px}.card-back{border:5px solid var(--sunny);background:#fff;transform:rotateY(180deg)}.card-illo{object-fit:contain;width:100%;height:100%;padding:8px}.illo-fallback{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:none}.illo-fallback.show{display:flex}.fb-bn{color:var(--ink);font-size:clamp(44px,14vw,68px);font-weight:800}.fb-ph{color:var(--muted);font-size:22px;font-style:italic}.speaker{background:var(--sunny);cursor:pointer;border:none;border-radius:50%;width:62px;height:62px;font-size:28px;transition:transform .1s;position:absolute;bottom:14px;right:14px;box-shadow:0 5px #00000026}.speaker:active{transform:translateY(3px);box-shadow:0 2px #00000026}.speaker.muted{background:var(--ring);opacity:.65;cursor:default;box-shadow:0 3px #0000001a}.speaker.muted:active{transform:none}@media (prefers-reduced-motion:no-preference){.speaker.hint{animation:1.4s ease-in-out infinite speaker-pulse}}@keyframes speaker-pulse{0%,to{box-shadow:0 5px #00000026,0 0 #f7b73180}50%{box-shadow:0 5px #00000026,0 0 0 12px #f7b73100}}.study-foot{flex:none;justify-content:center;align-items:center;min-height:67px;display:flex}.prompt{text-align:center;color:var(--muted);margin:0;font-weight:700}.answers{gap:14px;width:100%;margin-top:0;display:flex}.btn{cursor:pointer;border:none;border-radius:18px;flex:1;padding:17px;font-family:inherit;font-size:18px;font-weight:800;transition:transform .1s;box-shadow:0 5px #00000024}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000024}.btn.again{background:var(--coral);color:#fff}.btn.got{background:var(--leaf);color:#fff}.btn.primary{background:var(--sunny);color:#3a2e00;flex:none;align-self:center;width:100%;max-width:280px;margin:8px auto 0}.done-wrap{justify-content:center;align-items:center;gap:22px}.done-card{aspect-ratio:3/4;border-radius:var(--round);background:var(--card);width:100%;max-height:62vh;box-shadow:var(--shadow);border:5px solid var(--sunny);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}@media (prefers-reduced-motion:no-preference){.view-enter{animation:.4s both view-enter}}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn.got{position:relative;overflow:hidden}.thumbs-emoji{pointer-events:none;filter:drop-shadow(0 3px 5px #2b244059);justify-content:center;align-items:center;font-size:30px;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) both thumbs-pop;display:flex;position:absolute;inset:0}.btn.got:has(.thumbs-emoji) .got-label{animation:.9s both got-label-hide}@keyframes thumbs-pop{0%{opacity:0;transform:scale(.3)rotate(-14deg)}35%{opacity:1;transform:scale(1.25)rotate(6deg)}55%{transform:scale(1)rotate(0)}80%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.1)rotate(0)}}@keyframes got-label-hide{0%,to{opacity:1}20%,80%{opacity:0}}@media (prefers-reduced-motion:reduce){.thumbs-emoji{animation:.9s both thumbs-fade}@keyframes thumbs-fade{0%{opacity:0}25%,70%{opacity:1}to{opacity:0}}}.cheer{transform-origin:bottom;will-change:transform;width:auto;height:150px;position:relative}.celebrate{align-items:flex-end;gap:10px;display:flex}.cheer:after{content:"";background:radial-gradient(#2b244038,#0000 70%);border-radius:50%;width:62%;height:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.cheer{animation:.5s cubic-bezier(.34,1.56,.64,1) both cheer-pop,1.4s ease-in-out .5s infinite cheer-hop}.cheer:after{animation:1.4s ease-in-out .5s infinite cheer-shadow}.cheer:last-child,.cheer:last-child:after{animation-delay:.6s,1.2s}}@keyframes cheer-pop{0%{opacity:0;transform:scale(.5)translateY(16px)}60%{transform:scale(1.06)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes cheer-hop{0%,to{transform:translateY(0)scaleY(1)}40%{transform:translateY(-22px)scaleY(1.02)}55%{transform:translateY(-22px)scaleY(1.02)}90%{transform:translateY(0)scaleY(.97)}}@keyframes cheer-shadow{0%,to{opacity:.75;transform:translate(-50%)scale(1)}40%,55%{opacity:.3;transform:translate(-50%)scale(.62)}}.done-card h2{margin:6px 0 0;font-size:30px}.done-score{color:var(--muted);margin:0;font-size:18px;font-weight:700}@media (prefers-reduced-motion:reduce){.card-inner,.btn,.speaker,.deck{transition:none}.cheer,.view-enter{animation:none}}.games-banner.colour-banner{--deck:var(--leaf);margin-top:-12px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.numbers-hub{max-width:980px;padding:var(--page-pad-top) var(--page-pad) 40px;flex-direction:column;align-items:flex-start;min-height:100dvh;margin:0 auto;display:flex;position:relative}.numbers-hub:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--sky) 14%, transparent) 0%, transparent 55%), radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--sunny) 16%, transparent) 0%, transparent 50%), var(--bg,#fff);pointer-events:none;position:fixed;inset:0}.numbers-title{margin:10px 0 2px;font-size:clamp(1.8rem,7vw,2.4rem)}.numbers-sub{color:var(--muted);margin:0 0 20px}.deck-art{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--deck) 22%, #fff), 0 8px 20px #2b244014;background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);align-self:stretch;gap:8px;margin-top:10px;padding:10px;display:grid}.deck-art img{aspect-ratio:1;object-fit:contain;width:100%}.numbers-stages{flex-direction:column;gap:14px;width:100%;display:flex}.numbers-stage{border:3px solid color-mix(in srgb, var(--deck) 32%, #fff);background:linear-gradient(150deg, color-mix(in srgb, var(--deck) 14%, #fff) 0%, #fff 60%);width:100%;box-shadow:0 6px 0 color-mix(in srgb, var(--deck) 26%, #fff), 0 12px 22px #2b24401a;cursor:pointer;text-align:left;font:inherit;border-radius:22px;align-items:center;gap:14px;padding:16px 18px;transition:transform .14s,box-shadow .14s;display:flex}.numbers-stage:hover:not(.locked){box-shadow:0 9px 0 color-mix(in srgb, var(--deck) 26%, #fff), 0 16px 28px #2b244029;transform:translateY(-3px)}.numbers-stage:active:not(.locked){box-shadow:0 2px 0 color-mix(in srgb, var(--deck) 26%, #fff), 0 5px 12px #2b244024;transform:translateY(4px)}.numbers-stage.locked{opacity:.6;cursor:not-allowed;--deck:#b9bec9;box-shadow:none}.numbers-stage.done{border-color:var(--deck)}.numbers-stage-emoji{background:color-mix(in srgb, var(--deck) 18%, #fff);min-width:66px;color:color-mix(in srgb, var(--deck) 72%, var(--ink));border-radius:16px;flex:none;place-items:center;padding:8px 10px;font-size:1.35rem;font-weight:900;line-height:1.2;display:grid}.numbers-stage-copy{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.numbers-stage-name{font-size:1.1rem;font-weight:800}.numbers-stage-sub{color:var(--muted);font-size:.86rem}.numbers-stage-dots{grid-auto-columns:1fr;grid-auto-flow:column;justify-items:start;gap:4px;max-width:190px;margin-top:6px;display:grid}.numbers-stage-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-weight:800}.numbers-stage.done .numbers-stage-count{color:color-mix(in srgb, var(--deck) 75%, var(--ink))}@media (prefers-reduced-motion:reduce){.numbers-stage{transition:none}.numbers-stage:hover:not(.locked),.numbers-stage:active:not(.locked){transform:none}}.card-back:has(.card-caption){flex-direction:column;justify-content:center;gap:4px;padding:10px 10px 4px;display:flex}.card-back:has(.card-caption) .card-illo{object-fit:contain;flex:0 auto;width:100%;height:auto;min-height:0;max-height:100%}.card-caption{box-sizing:border-box;text-align:center;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:0;max-width:100%;padding:6px 20px 10px;display:flex}.card-back:has(.card-caption) .speaker{z-index:4;width:52px;height:52px;font-size:24px;position:absolute;top:12px;bottom:auto;right:12px}.card-back:has(.card-caption) .card-illo{margin-top:26px}.card-back:has(.card-caption) .card-share{z-index:4;width:52px;height:52px;font-size:22px;position:absolute;top:12px;bottom:auto;left:12px}.card-back:has(.card-caption) .card-caption{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 20px 12px}.card-caption .cap-text{flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;line-height:1.1;display:flex}.cap-bn{font-size:max(20px, min(clamp(38px, 10vw, 52px), 520px / var(--len,6)));color:var(--teal);overflow-wrap:break-word;max-width:100%;font-weight:800;line-height:1.1}.cap-ph{color:var(--sky);overflow-wrap:break-word;max-width:100%;font-size:clamp(22px,6vw,28px);font-weight:800}.card-caption.solo .cap-bn{font-size:max(24px, min(clamp(64px, 17vw, 88px), 520px / var(--len,2)))}.card-caption.solo .cap-ph{font-size:clamp(26px,7vw,34px)}.card-caption.word .cap-bn{font-size:max(22px, min(clamp(44px, 12vw, 60px), 520px / var(--len,6)));overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;line-height:1.3}.card-caption.word .cap-text{gap:8px;min-width:0;max-width:100%}.card-caption.word .cap-ph{overflow-wrap:break-word;max-width:100%;font-size:clamp(22px,6vw,28px)}.flip-btn{z-index:3;width:34px;height:34px;box-shadow:none;color:var(--ink);opacity:.28;pointer-events:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.35,.64,1),opacity .2s;display:flex;position:absolute;top:12px;left:12px}.flip-btn.on{transform:rotate(-180deg)}.card-back .flip-btn{transform:scaleX(-1)}.card-back .flip-btn.on{transform:scaleX(-1)rotate(180deg)}.card:hover .flip-btn{opacity:.5}@media (prefers-reduced-motion:reduce){.flip-btn{transition:none}}.answers.single{justify-content:center}.answers.single .btn.got{min-width:220px}.ta-intro{max-width:560px;padding:var(--page-pad-top) var(--page-pad) 32px;flex-direction:column;align-items:flex-start;gap:16px;margin:0 auto;display:flex}.ta-card{border:3px solid var(--ring);text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:24px 20px;display:flex;box-shadow:0 10px 26px #2b24401f}.ta-title{text-wrap:balance;margin:0;font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.2}.ta-body{color:var(--ink);margin:0;font-size:clamp(1rem,4vw,1.15rem);line-height:1.5}.ta{color:var(--coral);font-weight:800}.ta-num{color:var(--teal);font-weight:800}.ta-strong{font-weight:800}.ta-say{align-items:center;gap:12px;margin-top:8px;display:flex}.ta-girl{transform-origin:50% 100%;flex:none;width:104px;position:relative}.ta-girl img{width:100%;height:auto;display:block}.ta-say.speaking .ta-girl{animation:.62s ease-in-out infinite ta-talk}@keyframes ta-talk{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.035)rotate(-1.6deg)}65%{transform:scale(1.01)rotate(1.4deg)}}.ta-waves{opacity:0;align-items:center;gap:3px;transition:opacity .2s;display:flex;position:absolute;top:2px;right:4px}.ta-say.speaking .ta-waves{opacity:1}.ta-waves i{background:var(--sky);border-radius:999px;width:3px;height:8px;display:block}.ta-say.speaking .ta-waves i{animation:.6s ease-in-out infinite ta-wave}.ta-say.speaking .ta-waves i:nth-child(2){animation-delay:.12s}.ta-say.speaking .ta-waves i:nth-child(3){animation-delay:.24s}@keyframes ta-wave{0%,to{opacity:.5;height:7px}50%{opacity:1;height:17px}}.ta-bubble{border:3px solid var(--sky);color:var(--ink);background:color-mix(in srgb, var(--sky) 8%, #fff);border-radius:18px;flex:auto;padding:14px 18px;font-weight:800;position:relative}.ta-bubble:before,.ta-bubble:after{content:"";border:9px solid #0000;border-right-color:var(--sky);width:0;height:0;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.ta-bubble:after{border-right-color:color-mix(in srgb, var(--sky) 8%, #fff);left:-6px}@media (prefers-reduced-motion:reduce){.ta-say.speaking .ta-girl,.ta-say.speaking .ta-waves i{animation:none}}@media (width<=420px){.ta-say{align-items:flex-start}.ta-girl{width:72px}}.ta-speak{background:var(--leaf);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 0 color-mix(in srgb, var(--leaf) 60%, black);border:none;border-radius:999px;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin-top:6px;padding:12px 18px;font-family:inherit;font-size:1rem;font-weight:800;display:inline-flex}.ta-speak:hover{background:color-mix(in srgb, var(--leaf) 88%, black)}.ta-speak.playing{background:color-mix(in srgb, var(--leaf) 72%, white);color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--leaf) 45%, black)}.ta-go{width:100%}.num-decks{gap:16px;width:100%;display:grid}@media (width>=720px){.num-decks{grid-template-columns:repeat(3,1fr)}}.num-deck{--deck:var(--sky);border:3px solid color-mix(in srgb, var(--deck) 35%, #fff);background:linear-gradient(160deg, color-mix(in srgb, var(--deck) 18%, #fff) 0%, #fff 55%);width:100%;box-shadow:0 8px 0 color-mix(in srgb, var(--deck) 28%, #fff), 0 14px 26px #2b24401f;cursor:pointer;text-align:left;font:inherit;border-radius:24px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;transition:transform .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.num-deck:hover{box-shadow:0 11px 0 color-mix(in srgb, var(--deck) 28%, #fff), 0 18px 32px #2b24402e;transform:translateY(-3px)}.num-deck:active{box-shadow:0 3px 0 color-mix(in srgb, var(--deck) 28%, #fff), 0 6px 14px #2b244029;transform:translateY(5px)}.num-deck-art{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--deck) 20%, #fff);background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;display:grid}.num-deck-art img{aspect-ratio:1;object-fit:contain;width:100%}.num-deck-name{color:var(--ink);align-items:center;gap:8px;font-size:1.35rem;font-weight:900;display:flex}.num-deck-digits{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.num-deck-digit{text-align:center;background:color-mix(in srgb, var(--deck) 18%, #fff);color:color-mix(in srgb, var(--deck) 70%, var(--ink));border-radius:7px;padding:2px 0;font-size:clamp(.68rem,1.6vw,.88rem);font-weight:800;line-height:1.5}.num-deck-stages{border-top:2px dashed color-mix(in srgb, var(--deck) 25%, #fff);flex-direction:column;gap:6px;margin-top:2px;padding-top:10px;display:flex}.num-stage{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.num-stage.locked{opacity:.55}.num-stage-label{color:var(--muted);font-size:.8rem;font-weight:800}.num-stage-count{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-self:center;font-size:.78rem;font-weight:900}.num-stage.done .num-stage-label{color:color-mix(in srgb, var(--deck) 75%, var(--ink))}.num-stage.done .num-stage-count{background:var(--deck);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;display:grid}.num-stage-dots{flex-wrap:wrap;grid-column:1;gap:4px;display:flex}.num-dot{background:color-mix(in srgb, var(--deck) 16%, #fff);width:11px;height:11px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--deck) 30%, #fff);border-radius:50%;transition:background .25s,transform .25s}.num-dot.on{background:var(--deck);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--deck) 80%, #000)}.num-deck.done{border-color:var(--deck);background:linear-gradient(160deg, color-mix(in srgb, var(--deck) 28%, #fff) 0%, #fff 65%)}.num-deck-star{font-size:1.15rem;animation:1.6s ease-in-out infinite deck-star}@keyframes deck-star{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(8deg)scale(1.15)}}@media (prefers-reduced-motion:reduce){.num-deck,.num-dot{transition:none}.num-deck:hover,.num-deck:active{transform:none}.num-deck-star{animation:none}}.numbers-title{background:linear-gradient(92deg, var(--sky), var(--leaf) 55%, var(--coral));color:#0000;-webkit-background-clip:text;background-clip:text}.card-share{border:2px solid var(--ring);width:46px;height:46px;color:var(--muted);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:900;line-height:1;transition:transform .1s,color .15s,border-color .15s;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 3px #00000014}.card-share:hover{color:var(--teal);border-color:var(--teal)}.card-share:active{box-shadow:none;transform:translateY(2px)}.card-share.busy{cursor:progress;color:var(--teal)}.share-note{text-align:center;color:var(--muted);margin:10px 0 0;font-size:14px;font-weight:700}.study-phase{color:var(--muted);font-size:15px;font-weight:800}.review{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.review-eyebrow{color:var(--teal);margin:0;font-size:clamp(20px,5.5vw,26px);font-weight:800}.review-word{cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:12px;padding:12px 24px;font-family:inherit;display:flex;box-shadow:0 6px 18px #2b244024}.review-script{color:var(--teal);font-size:clamp(30px,8vw,44px);font-weight:900;line-height:1.25}.review-speaker{font-size:24px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:460px;display:grid}.review-grid.n3 .review-opt:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}.review-opt{aspect-ratio:1;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:20px;justify-content:center;align-items:center;min-height:0;padding:10px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;box-shadow:0 6px 16px #2b24401f}.review-opt img{object-fit:contain;width:100%;height:100%}.review-opt{--lift:0;--press:1;transform:translateY(var(--lift)) scale(var(--press))}.review-opt:active{--press:.97}.review-opt.armed{--lift:-3px;background:#fff8ef;border-color:#f4a13c;box-shadow:0 0 0 4px #f4a13c47,0 10px 22px #2b24402e}.review-opt.right{border-color:var(--leaf);box-shadow:0 0 0 4px color-mix(in srgb, var(--leaf) 38%, transparent);background:#f1faf1}.review-opt.wrong{opacity:.85;background:#fdf1ee;border-color:#e2725b;box-shadow:0 0 0 4px #e2725b4d}.review-opt.dim{opacity:.4}.review-hint{min-height:1.4em;color:var(--muted);text-align:center;margin:0;font-weight:700}@media (width>=720px){.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}.review-grid.n3 .review-opt:nth-child(3){grid-column:auto;justify-self:auto;width:auto}}@media (prefers-reduced-motion:reduce){.review-opt{transition:none}}.done-fixed{color:var(--muted);margin-top:6px;font-size:15px;font-weight:700;display:block}.ll-landing{--sky:#4ba3d3;--sunny:#f7b731;--coral:#e8635a;--leaf:#5fa84e;--teal:#2d5561;--ink:#2b2440;--muted:#7a7391;--cream:#fffdf8;box-sizing:border-box;width:100%;max-width:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:SF Pro Rounded,Arial Rounded MT Bold,Nunito,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.ll-landing *,.ll-landing :before,.ll-landing :after{box-sizing:border-box}.ll-landing img{max-width:100%;display:block}.ll-landing a{color:inherit;text-decoration:none}.ll-btn{cursor:pointer;white-space:nowrap;border:3px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.ll-btn:active{transform:translateY(1px)scale(.99)}.ll-btn-primary{background:var(--coral);color:#fff;box-shadow:0 8px 0 -2px #c94a41,0 12px 22px #e8635a59}.ll-btn-primary:hover{background:#ef6f66}.ll-btn-ghost{color:var(--teal);background:#fff;border-color:#2d556133}.ll-btn-ghost:hover{border-color:var(--sky);color:var(--sky)}.ll-btn-lg{padding:1.05rem 2rem;font-size:1.2rem}.ll-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1120px;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem);display:flex}.ll-brand{align-items:center;gap:.65rem;display:inline-flex}.ll-brand-logo{object-fit:cover;border:3px solid var(--sunny);border-radius:50%;width:44px;height:44px}.ll-brand-name{color:var(--teal);letter-spacing:.01em;font-size:1.2rem;font-weight:900}.ll-topbar-cta{color:var(--coral);border:2px solid #e8635a40;border-radius:999px;padding:.5rem 1rem;font-weight:800}.ll-topbar-cta:hover{background:#e8635a14}.ll-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);width:100%;max-width:1120px;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem) clamp(1rem,4vw,3rem) clamp(2rem,6vw,4rem);display:grid}.ll-hero-inner{min-width:0}.ll-eyebrow{color:var(--teal);background:#4ba3d31f;border-radius:999px;margin:0 0 1rem;padding:.4rem .9rem;font-size:.9rem;font-weight:800;display:inline-block}.ll-hero-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(2.2rem,7vw,3.6rem);font-weight:900;line-height:1.05}.ll-hl{color:var(--coral);background:linear-gradient(#0000 62%,#f7b73166 0)}.ll-hero-sub{color:var(--muted);max-width:34rem;margin:0 0 1.6rem;font-size:clamp(1.05rem,2.6vw,1.25rem)}.ll-hero-actions{flex-wrap:wrap;gap:.8rem;margin-bottom:1.6rem;display:flex}.ll-hero-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ll-hero-chips li{color:var(--teal);background:#fff;border:2px solid #2d55611f;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:700}.ll-hero-cards{justify-content:center;gap:.75rem;min-width:0;padding-inline:8px;display:flex}.ll-mini-card{text-align:center;background:#fff;border:3px solid #fff;border-radius:22px;flex:1 1 0;min-width:0;padding:.75rem;box-shadow:0 14px 30px #2d556124}.ll-mini-card:first-child{background:#4ba3d314;transform:rotate(-4deg)}.ll-mini-card:nth-child(2){background:#f7b7311a;transform:translateY(-10px)rotate(1deg)}.ll-mini-card:nth-child(3){background:#5fa84e14;transform:rotate(4deg)}.ll-mini-img{justify-content:center;align-items:center;height:96px;margin-bottom:.35rem;display:flex}.ll-mini-img img{object-fit:contain;max-width:100%;max-height:100%}.ll-mini-word{color:var(--teal);font-size:1.15rem;font-weight:900}.ll-mini-roman{color:var(--muted);font-size:.8rem;font-weight:700}.ll-section{text-align:center;width:100%;max-width:1120px;margin:0 auto;padding:clamp(2.5rem,7vw,4.5rem) clamp(1rem,4vw,3rem)}.ll-section-tint{background:linear-gradient(#fffdf8,#fff6ec);max-width:100%}.ll-section-tint>*{max-width:1120px;margin-left:auto;margin-right:auto}.ll-h2{color:var(--ink);margin:0 0 .6rem;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900}.ll-lead{color:var(--muted);max-width:36rem;margin:0 auto 2.2rem;font-size:clamp(1rem,2.6vw,1.15rem)}.ll-features{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;display:grid}.ll-feature{text-align:center;background:#fff;border:2px solid #2d556114;border-radius:22px;flex-direction:column;align-items:center;padding:1.6rem 1.3rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 24px #2d55610f}.ll-feature:hover{transform:translateY(-4px);box-shadow:0 16px 32px #2d55611f}.ll-feature-icon{background:#4ba3d31f;border-radius:16px;place-items:center;width:3.2rem;height:3.2rem;margin-bottom:.9rem;font-size:2rem;display:grid}.ll-feature:nth-child(2) .ll-feature-icon{background:#f7b73129}.ll-feature:nth-child(3) .ll-feature-icon{background:#5fa84e24}.ll-feature:nth-child(4) .ll-feature-icon{background:#e8635a24}.ll-feature-title{color:var(--teal);margin:0 0 .35rem;font-size:1.15rem;font-weight:900}.ll-feature-text{color:var(--muted);margin:0;font-size:.98rem}.ll-cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:stretch;gap:1rem;margin-bottom:2rem;display:grid}@media (width>=700px){.ll-card-img{height:150px}}.ll-card{background:#fff;border:3px solid #fff;border-radius:20px;flex-direction:column;transition:transform .15s;display:flex;overflow:hidden;box-shadow:0 12px 26px #2d55611f}.ll-card:hover{transform:translateY(-4px)rotate(-1deg)}.ll-card-img{flex:none;justify-content:center;align-items:center;height:132px;padding:.75rem .75rem .25rem;display:flex}.ll-card-img img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.ll-card-body{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:.35rem .5rem .9rem;display:flex}.ll-card-sy{color:var(--teal);font-size:1.3rem;font-weight:900}.ll-card-roman{color:var(--coral);font-size:.85rem;font-weight:700}.ll-card-en{color:var(--muted);font-size:.85rem}.ll-decks{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.ll-deck-chip{color:var(--teal);background:#fff;border:2px solid #2d556124;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:800}.ll-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--coral);background:#e8635a1f;border-radius:999px;margin:0 0 .9rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;display:inline-block}.ll-newdecks{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin-top:1.75rem;display:grid}.ll-newdeck{border:2px solid #2d556114;border-top:5px solid var(--deck);background:#fff;border-radius:22px;padding:1.25rem 1.25rem 1.4rem;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 12px 26px #2d55611a}.ll-newdeck:hover{transform:translateY(-4px);box-shadow:0 18px 34px #2d556129}.ll-newdeck-top{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.ll-newdeck-emoji{filter:drop-shadow(0 4px 6px #2d55612e);font-size:2.2rem;line-height:1}.ll-newdeck-tags{gap:.4rem;display:flex}.ll-tag{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.28rem .6rem;font-size:.68rem;font-weight:800}.ll-tag-soon{color:var(--teal);background:#2d55611a}.ll-newdeck.live{color:inherit;cursor:pointer;border-color:color-mix(in srgb, var(--deck) 45%, transparent);text-decoration:none;display:block}.ll-tag-live{color:#fff;background:var(--deck)}.ll-tag-premium{color:#7a5a00;background:#f7b73138}.ll-newdeck-name{color:var(--ink);margin:0 0 .35rem;font-size:1.25rem;font-weight:900}.ll-newdeck-sy{color:var(--deck);margin-left:.25rem;font-size:1rem;font-weight:800}.ll-newdeck-blurb{color:var(--muted);margin:0 0 .9rem;font-size:.92rem;line-height:1.45}.ll-newdeck-samples{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ll-newdeck-samples li{color:var(--teal);background:#fffdf8;border:1.5px solid #2d55611f;border-radius:999px;padding:.32rem .7rem;font-size:.78rem;font-weight:700}.ll-pillars{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ll-pillar{letter-spacing:.12em;color:#fff;border-radius:999px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:900}.ll-pillar:first-child{background:var(--sky)}.ll-pillar:nth-child(2){background:var(--coral)}.ll-pillar:nth-child(3){background:var(--leaf)}.ll-cta{padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,3rem) clamp(3rem,7vw,4.5rem)}.ll-cta-inner{background:linear-gradient(135deg, var(--teal), #23434d);color:#fff;text-align:center;border-radius:28px;max-width:720px;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) clamp(1.5rem,5vw,3rem);box-shadow:0 22px 44px #2d556140}.ll-cta-title{margin:0 0 .6rem;font-size:clamp(1.6rem,5vw,2.3rem);font-weight:900}.ll-cta-sub{color:#ffffffd9;max-width:30rem;margin:0 auto 1.8rem;font-size:1.05rem}.ll-footer{border-top:2px solid #2d55611a;width:100%;max-width:1120px;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 3rem}.ll-footer-copy{text-align:center;width:100%;color:var(--muted);margin:0;font-size:.85rem}@media (width<=780px){.ll-hero{text-align:center;grid-template-columns:minmax(0,1fr)}.ll-hero-sub{margin-left:auto;margin-right:auto}.ll-hero-actions,.ll-hero-chips{justify-content:center}.ll-hero-cards{order:-1;width:100%;max-width:420px;margin:0 auto}}.ll-topbar-right{align-items:center;gap:14px;display:flex}.lang-picker{align-items:center;gap:8px;display:flex}.lang-picker-label{color:var(--ll-muted,#6b6480);font-size:13px;font-weight:700}@media (width<=560px){.lang-picker-label{display:none}}.lang-select{appearance:none;font:inherit;color:inherit;cursor:pointer;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6480' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 11px center no-repeat;border:2px solid #2b244024;border-radius:999px;padding:8px 30px 8px 12px;font-size:14px;font-weight:700}.lang-select:hover{border-color:#2b244047}.lang-select:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.update-bar{z-index:60;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--teal,#2d5561);color:#fff;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 10px 10px 18px;font-weight:700;animation:.28s ease-out update-bar-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #2b244047}@keyframes update-bar-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.update-bar-text{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.update-bar-go,.update-bar-x{cursor:pointer;border:none;flex:none;font-family:inherit;font-weight:800}.update-bar-go{color:var(--teal,#2d5561);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px}.update-bar-go:disabled{opacity:.7;cursor:default}.update-bar-x{color:#fff;background:#ffffff29;border-radius:50%;width:32px;height:32px;font-size:13px;line-height:1}.update-bar-x:hover{background:#ffffff47}@media (prefers-reduced-motion:reduce){.update-bar{animation:none}}