@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-ext-wght-normal.0-betx8k8_u3r.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-wght-normal.3fope3hsfcjah.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-vietnamese-wght-normal.2n-t_bbv7ec7m.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-ext-wght-normal.0hsc8w3pfbl3r.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-wght-normal.1wzrasd95pxo_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#194c46;--muted:#4e6b62;--paper:#fffcf5;--mint:#ddf3e8;--coral:#ee8d77;--yellow:#f5cb65;--outline:#73a997;color:var(--ink);background:var(--paper);font-family:Nunito Variable,Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 85% 95%, #e3f2e3 0%, transparent 49%), radial-gradient(ellipse at 5% 0%, #faeed1 0%, transparent 40%), var(--paper);min-width:0;min-height:100dvh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}a{color:inherit}:focus-visible{outline-offset:5px;outline:3px solid #1b645a}.home-shell{max-width:1216px;margin:auto;padding:28px 48px 56px}.home-header{padding:12px 4px 30px}.wordmark{letter-spacing:-.075em;font-size:2rem;font-weight:950;line-height:1;display:inline-block}.wordmark span{color:#ae503c}.hero{isolation:isolate;background:#fffdf7;border:1px solid #f3e8d3;border-radius:44px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:center;min-height:min(575px,74vh);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 58px #55533012}.hero-copy{z-index:1;padding:46px 0 48px clamp(32px,6.4vw,92px);position:relative}.hero h1{letter-spacing:-.075em;margin:14px 0 16px;font-size:clamp(4.25rem,9.5vw,8.5rem);font-weight:950;line-height:.98}.hero p{color:var(--muted);margin:0 0 36px;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:750}.hero-image{align-self:stretch;align-items:flex-end;display:flex}.hero-image img{mix-blend-mode:multiply;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 13%),linear-gradient(90deg,#0000,#000 13%);mask-image:linear-gradient(#0000,#000 13%),linear-gradient(90deg,#0000,#000 13%);-webkit-mask-composite:source-in;mask-composite:intersect}.mini-shapes{align-items:center;gap:10px;display:flex}.mini-shapes .shape{width:26px;height:26px}.mini-shapes .triangle{transform:rotate(11deg)}.mini-shapes .square{border-radius:5px;transform:rotate(-11deg)}.primary-button{background:var(--ink);color:#fffdf7;border:0;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-width:128px;min-height:58px;padding:10px 24px;font-size:1.23rem;font-weight:900;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 5px #103832}.primary-button:hover{background:#24635b}.primary-button:active{transform:translateY(3px)}.game-shell{max-width:910px;margin:0 auto;padding:32px 32px 18px}.game-header{grid-template-columns:60px 1fr 60px;align-items:center;gap:12px;margin-bottom:22px;display:grid}.game-header h1{text-align:center;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:950}.round-button{border:0;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 3px #315e4133}.round-button svg{width:29px;height:29px}.home-button{background:var(--mint)}.sound-button{background:var(--yellow)}.round-button:hover{filter:brightness(.96)}.board{background:#fffefa;border:1px solid #efead8;border-radius:36px;justify-items:center;padding:25px clamp(14px,5vw,50px) 19px;display:grid;position:relative;box-shadow:0 13px 38px #194c4610}.board:focus{outline:none}.prompt{margin:0 0 16px;font-size:clamp(1.22rem,3vw,1.7rem);font-weight:900}.target{aspect-ratio:1;background:#eef6eb;border:2px dashed #a7c9b5;border-radius:30px;place-items:center;width:clamp(108px,19vw,156px);margin-bottom:25px;display:grid}.shape{--edge:#ad523f;--fill:#ed886f;aspect-ratio:1;background:var(--edge);border-radius:20%;flex:none;width:64%;height:auto;display:block;position:relative}.shape:after{content:"";border-radius:inherit;background:linear-gradient(155deg, #fff4, transparent 62%), var(--fill);position:absolute;inset:4%}.shape.circle{border-radius:50%}.shape.triangle{--edge:#34816a;--fill:#68b89f;clip-path:polygon(48% 5%,52% 5%,100% 89%,98% 94%,2% 94%,0 89%);border-radius:0}.shape.triangle:after{clip-path:inherit;inset:6%}.shape.square{--edge:#9a6413;--fill:#f5c44f;border-radius:14%}.shape.outline{background:var(--outline)}.shape.outline:after{background:#eef6eb;inset:9%}.choices{background:#e7f4eb;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.4vw,20px);width:min(100%,520px);padding:clamp(8px,2vw,16px);display:grid}.choice{aspect-ratio:1.2;background:#fffef9;border:2px solid #0000;border-radius:clamp(13px,3vw,24px);place-items:center;min-height:66px;padding:0;transition:background .16s,transform .16s;display:grid;position:relative;box-shadow:0 4px #bed8c8}.choice .shape{pointer-events:none;max-width:87px}.choice:not(:disabled):hover{background:#fafff5;transform:translateY(-3px)}.choice.try-again{background:#fff4e1;border-color:#ab633f}.choice.matched{background:#d7f0e0;border-color:#3a826e}.choice-check{color:#266650;position:absolute;top:5%;right:5%}.choice-check svg{width:clamp(16px,3vw,22px);height:auto}.game-feedback{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;min-height:79px;display:flex}.game-feedback p{margin:0;font-size:clamp(1.02rem,3vw,1.28rem);font-weight:850}.next-button{min-height:48px;padding:6px 18px}.audio-status{text-align:center;margin:0 0 8px}.game-footer{justify-content:space-between;align-items:center;padding:0 12px;display:flex}.game-footer img{mix-blend-mode:multiply;width:clamp(78px,15vw,132px);height:auto;-webkit-mask-image:radial-gradient(at 48% 53%,#000 51%,#0000 75%);mask-image:radial-gradient(at 48% 53%,#000 51%,#0000 75%)}.stars{color:#886b37;gap:5px;font-size:clamp(2rem,7vw,3.2rem);line-height:1;display:flex}.stars .earned{color:#b56b0b}.board.complete{text-align:center;place-items:center;min-height:390px}.celebration-stars{color:#b56b0b;font-size:clamp(2.6rem,9vw,4.5rem);line-height:1}.celebration h2{letter-spacing:-.055em;margin:16px 0 6px;font-size:clamp(2.6rem,8vw,5rem);line-height:1}.celebration p{margin:0 0 26px;font-size:1.2rem;font-weight:750}@media (max-width:680px){.home-shell{padding:15px 16px 25px}.home-header{padding-bottom:21px}.wordmark{font-size:1.75rem}.hero{border-radius:28px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 25px 0}.hero h1{margin:10px 0 8px;font-size:clamp(3.65rem,17vw,6.5rem)}.hero p{margin-bottom:20px}.hero-image{margin-top:4px}.game-shell{padding:17px 12px 10px}.game-header{grid-template-columns:52px 1fr 52px;margin-bottom:14px}.round-button{width:52px;height:52px}.board{border-radius:25px;padding-top:19px;padding-bottom:8px}.target{margin-bottom:19px}.game-feedback{min-height:66px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.round-button:disabled{opacity:.8}
