@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Fredoka:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Fredoka:wght@500;600;700&display=swap";.pattern-path-shell{color:#203b3d;--path-teal:#347c80;--path-deep:#22595d;--path-yellow:#f5c95b;--path-coral:#f47d65;--path-green:#8dbd75;background:#f7f8ed;min-height:100vh}.pattern-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#fffffae6;border-bottom:1px solid #dce2d6;justify-content:space-between;align-items:center;height:78px;padding:0 max(20px,50vw - 540px);display:flex;position:relative}.pattern-brand-mark{background:var(--path-yellow);width:43px;height:43px;color:var(--path-deep);border-radius:45% 55% 52% 48%;place-items:center;font-size:21px;display:grid;transform:rotate(9deg);box-shadow:0 5px #d6a937}.trail-scene{background:linear-gradient(#ccebed 0 54%,#c7dfa0 54% 100%);border-bottom:7px solid #9fc777;height:190px;position:relative;overflow:hidden}.trail-scene:before,.trail-scene:after{content:"";background:#a9cf8b;border-radius:50% 50% 0 0;width:48%;height:110px;position:absolute;bottom:35px}.trail-scene:before{left:-8%;transform:rotate(5deg)}.trail-scene:after{background:#94c27a;right:-8%;transform:rotate(-4deg)}.trail-sky,.trail-line,.trail-stones,.trail-friend,.trail-tree,.trail-flower{z-index:2;position:absolute}.trail-line{background:#eee1bf;border-radius:20px;height:12px;bottom:39px;left:5%;right:5%;overflow:hidden}.trail-fill{background:var(--path-coral);border-radius:inherit;height:100%;transition:width .55s;display:block}.trail-stones{justify-content:space-between;display:flex;bottom:22px;left:4%;right:4%}.trail-stones span{color:#8c6e28;background:#ede5cc;border:3px solid #fff9e9;border-radius:50%;place-items:center;width:43px;height:32px;display:grid;box-shadow:0 4px #4a593b33}.trail-stones span.done{background:var(--path-yellow)}.trail-friend{filter:drop-shadow(0 5px 2px #243e3133);font-size:45px;transition:left .65s cubic-bezier(.2,.8,.3,1);bottom:52px;transform:translate(-50%)}.trail-friend.is-hopping{animation:.65s fox-hop}.trail-tree{color:#39714d;text-shadow:0 7px #795d39;font-size:72px;line-height:.8;bottom:62px}.tree-a{left:1.5%}.tree-b{right:2%;transform:scale(.75)}.trail-flower{color:#fff;font-size:25px;bottom:54px}.flower-a{left:19%}.flower-b{color:#f7d05c;right:22%}.trail-cloud{background:#ffffffbf;border-radius:30px;width:95px;height:27px;position:absolute;top:25px}.trail-cloud:before{content:"";background:inherit;border-radius:50%;width:43px;height:43px;position:absolute;bottom:0;left:15px}.cloud-a{left:20%}.cloud-b{top:48px;right:28%;transform:scale(.7)}.pattern-game-area{text-align:center;width:min(100% - 32px,1000px);margin:0 auto;padding:26px 0 48px}.pattern-progress{color:#71817a;justify-content:space-between;align-items:center;font-size:13px;display:flex}.pattern-progress span{text-transform:uppercase;letter-spacing:.1em;color:var(--path-teal);font-weight:700}.pattern-prompt{margin:20px 0 18px}.pattern-prompt p,.path-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--path-teal);margin:0;font-size:12px;font-weight:700}.pattern-prompt h1{margin:4px 0;font-size:clamp(30px,4vw,43px)}.pattern-board{background:#fffefa;border:3px solid #d9ddd1;border-radius:30px;justify-content:center;align-items:center;gap:12px;min-height:185px;padding:28px 30px;transition:all .2s;display:flex;position:relative;box-shadow:0 12px #e4e6d8,0 25px 50px #4252401a}.pattern-board.is-correct{border-color:var(--path-green);box-shadow:0 12px #c8dfbd,0 25px 50px #4252401a}.pattern-token{color:#355e63;background:#f2f3e9;border-radius:24px;flex:none;place-items:center;width:92px;height:92px;font:700 48px Fredoka;display:grid}.pattern-token i{border-radius:50%;width:55px;height:55px;display:block;box-shadow:inset -7px -8px #00000014,0 4px #0000001a}.token-shape{color:#4f85a3}.token-object{font-size:55px}.token-number,.token-letter{background:#e8f2f0}.pattern-link{color:#a3aca5;font:700 35px Fredoka}.missing-token{border:4px dashed var(--path-coral);width:92px;height:92px;color:var(--path-coral);background:#fff0eb;border-radius:24px;flex:none;place-items:center;font:700 52px Fredoka;display:grid}.pattern-correct-badge{color:#fff;background:#4e8b65;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;font-weight:700;display:flex;position:absolute;top:14px;right:18px}.pattern-correct-badge svg{width:18px}.choice-instruction{color:#687a75;margin:27px 0 13px;font-weight:700}.pattern-choices{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.pattern-choices button{cursor:pointer;background:#fffefa;border:3px solid #d9ddd2;border-radius:24px;flex:200px;place-items:center;max-width:238px;min-height:125px;transition:transform .16s,border-color .16s;display:grid;box-shadow:0 7px #dfe1d5}.pattern-choices button:hover{border-color:#8eb3a2;transform:translateY(-4px)}.pattern-choices button:active{transform:translateY(3px);box-shadow:0 3px #dfe1d5}.pattern-choices button.is-wrong{border-color:var(--path-coral);background:#fff0eb;animation:.35s pattern-shake}.pattern-choices button.is-correct{background:#e7f4e2;border-color:#72a866;transform:translateY(-5px)}.pattern-token.is-small{background:0 0;width:76px;height:76px}.pattern-token.is-small i{width:58px;height:58px}.pattern-feedback{color:#728079;border-radius:16px;width:max-content;max-width:100%;min-height:48px;margin:20px auto 0;padding:10px 16px;font-weight:700}.pattern-feedback.wrong{color:#904a37;background:#ffe5dc}.pattern-feedback.correct{color:#326147;background:#e1f2de;animation:.4s pattern-pop}.path-complete{text-align:center;width:min(100% - 32px,700px);margin:0 auto;padding:55px 0;position:relative}.destination-badge{background:var(--path-yellow);color:#fff;border-radius:46% 54% 45% 55%;justify-content:center;align-items:center;gap:9px;width:220px;height:170px;margin:0 auto 28px;animation:1.7s infinite destination-bob;display:flex;box-shadow:0 13px #d6aa36}.destination-badge span{font-size:88px}.destination-badge svg{width:35px;height:35px}.path-complete h1{margin:8px 0;font-size:clamp(42px,7vw,68px);line-height:1}.path-complete>p:not(.path-eyebrow){color:#687a75;font-size:19px}.path-complete-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.path-primary,.path-secondary{cursor:pointer;border:0;border-radius:15px;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:flex}.path-primary{background:var(--path-teal);color:#fff;box-shadow:0 5px 0 var(--path-deep)}.path-secondary{background:#fff;border:2px solid #ccd5ca}.path-confetti{pointer-events:none;position:fixed;inset:78px 0 0;overflow:hidden}.path-confetti i{border-radius:3px;width:12px;height:20px;animation:3.4s linear infinite path-confetti-fall;position:absolute;top:-25px}@keyframes fox-hop{35%{transform:translate(-50%,-25px)rotate(-8deg)}70%{transform:translate(-50%)rotate(5deg)}}@keyframes pattern-shake{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes pattern-pop{0%{transform:scale(.75)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes destination-bob{50%{transform:translateY(-8px)rotate(2deg)}}@keyframes path-confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}10%{opacity:1}to{opacity:1;transform:translateY(100vh)rotate(650deg)}}@media (width<=850px){.pattern-board{justify-content:flex-start;padding:24px 20px;overflow-x:auto}.pattern-token,.missing-token{width:78px;height:78px}.pattern-token{font-size:42px}.pattern-token i{width:48px;height:48px}.pattern-choices button{flex-basis:calc(50% - 8px);max-width:calc(50% - 8px)}.trail-tree{display:none}}@media (width<=560px){.pattern-topbar{height:70px;padding:0 13px}.pattern-topbar .home-button,.pattern-topbar .sound-button{padding:10px;font-size:0}.trail-scene{height:155px}.trail-stones span{width:28px;height:24px}.trail-stones{bottom:19px}.trail-line{bottom:32px}.trail-friend{font-size:38px;bottom:41px}.pattern-game-area{padding-top:18px}.pattern-board{border-radius:22px;gap:8px;min-height:130px}.pattern-token,.missing-token{border-radius:17px;width:65px;height:65px;font-size:35px}.token-object{font-size:40px}.pattern-token i{width:40px;height:40px}.pattern-link{font-size:25px}.pattern-choices button{min-height:105px}.path-complete{padding-top:42px}.path-complete-actions{flex-direction:column}.path-complete-actions button{justify-content:center}}@media (prefers-reduced-motion:reduce){.trail-friend,.trail-fill{transition:none}.trail-friend,.destination-badge,.path-confetti i{animation:none}}.word-workshop-shell{--word-ink:#173f4b;--word-blue:#237b95;--word-deep:#145065;--word-coral:#f47d65;--word-yellow:#ffd45d;--word-paper:#fffdf5;min-height:100vh;color:var(--word-ink);background:radial-gradient(circle at 12% 18%,#ffd45d33 0 70px,#0000 71px),radial-gradient(circle at 90% 72%,#84c7bc38 0 105px,#0000 106px),#edf8f6;font-family:Atkinson Hyperlegible,sans-serif;overflow:hidden}.word-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf5eb;border-bottom:1px solid #d4e6e2;justify-content:space-between;align-items:center;height:82px;padding:0 max(20px,50vw - 560px);display:flex}.word-brand-mark{background:var(--word-coral);color:#fff;border-radius:15px;place-items:center;width:45px;height:45px;font:700 17px Fredoka;display:grid;transform:rotate(-3deg);box-shadow:0 4px #cf5944}.word-brand{align-items:center;gap:11px;display:flex}.word-brand div{flex-direction:column;display:flex}.word-brand strong{font:700 21px Fredoka}.word-brand div span{color:#6b8286;font-size:12px}.word-progress{width:min(1030px,100% - 32px);margin:24px auto 0}.word-progress-copy{color:#587478;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.word-progress-copy strong{color:var(--word-deep);font:600 14px Fredoka}.word-progress-track{background:#dbe9e5;border:2px solid #fffc;border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 2px 3px #1e504614}.word-progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--word-coral),var(--word-yellow));height:100%;transition:width .45s;display:block;position:relative}.word-progress-track span:after{content:"";background:#fffc;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:3px}.word-game{width:min(1030px,100% - 32px);margin:0 auto;padding:30px 0 65px}.word-intro{text-align:center}.word-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--word-blue);margin:0 0 8px;font-size:12px;font-weight:700}.word-intro h1,.word-complete h1{letter-spacing:-.035em;margin:0;font:700 clamp(36px,5vw,58px)/1 Fredoka}.word-intro>p:last-child{color:#627b80;margin:12px 0 26px;font-size:18px}.word-workbench{background:var(--word-paper);border:2px solid #d8e5dc;border-radius:34px;grid-template-columns:245px 1fr;align-items:center;gap:40px;max-width:880px;margin:0 auto;padding:28px 38px;transition:all .2s;display:grid;position:relative;box-shadow:0 12px #cfdfd8,0 24px 45px #1f5b4d17}.word-workbench:before,.word-workbench:after{content:"✦";color:#e9b92f;font-size:24px;position:absolute}.word-workbench:before{top:16px;left:18px}.word-workbench:after{bottom:14px;right:19px}.picture-card{background:linear-gradient(150deg,#d9f1ed,#f9f1c8);border:2px solid #bcd9d2;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;height:235px;display:flex;position:relative;box-shadow:inset 0 -11px #4a8b7a14}.picture-tape{background:#ffd45dad;width:78px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.picture-emoji{filter:drop-shadow(0 7px 2px #194b401f);font-size:105px;line-height:1;animation:2.5s ease-in-out infinite word-float}.picture-card strong{text-transform:capitalize;color:#41676b;margin-top:10px;font:600 18px Fredoka}.workbench-label{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:#678086;margin:0 0 15px;font-size:12px;font-weight:700}.word-slots{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.letter-slot{color:#9bb1ad;cursor:pointer;background:#f5fbf9;border:3px dashed #8db4ac;border-radius:18px;place-items:center;width:78px;height:91px;font:700 37px Fredoka;transition:all .15s;display:grid}.letter-slot>span{font:600 13px Atkinson Hyperlegible}.letter-slot.filled{background:var(--word-yellow);color:#234c55;border-style:solid;border-color:#e4a73c;transform:translateY(-4px);box-shadow:0 6px #d9a52d}.letter-slot.filled:hover{transform:translateY(-2px)}.word-feedback{color:#667d80;text-align:center;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:24px auto 0;font-weight:700;display:flex}.word-feedback.correct{color:#34704e;background:#dff3df;animation:.35s word-pop}.word-feedback.wrong{color:#9b4c3b;background:#ffebe5}.word-feedback svg{color:#fff;background:#4f9b67;border-radius:50%;width:23px;height:23px;padding:4px}.word-workbench.wrong{animation:.38s word-wiggle}.word-workbench.correct{border-color:#77ae73;box-shadow:0 12px #acd09f,0 0 0 7px #77ae7326}.letter-tray{background:#256d7c;border-radius:28px;max-width:720px;min-height:154px;margin:32px auto 0;padding:23px 28px 26px;position:relative;box-shadow:0 9px #174b58}.letter-tray>p{color:#d9f0ee;text-align:center;text-transform:uppercase;letter-spacing:.11em;margin:0 0 15px;font-size:11px;font-weight:700}.tray-handle{background:#174b58;border-radius:20px;width:94px;height:13px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.letter-bank{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;min-height:79px;display:flex}.letter-bank button{width:75px;height:75px;color:var(--word-ink);cursor:grab;touch-action:manipulation;background:#fffdf5;border:0;border-radius:18px;font:700 34px Fredoka;transition:transform .15s,box-shadow .15s;box-shadow:0 6px #c6d5d1}.letter-bank button:nth-of-type(2n){transform:rotate(2deg)}.letter-bank button:nth-of-type(3n){transform:rotate(-2deg)}.letter-bank button:hover{transform:translateY(-4px)rotate(0);box-shadow:0 9px #c6d5d1}.letter-bank button:active{cursor:grabbing;transform:translateY(3px);box-shadow:0 2px #c6d5d1}.empty-tray{color:#d9f0ee;font-weight:700}.remove-hint{text-align:center;color:#607b80;margin:22px 0 0;font-size:14px}.word-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(760px,100% - 32px);min-height:calc(100vh - 82px);margin:0 auto;display:flex;position:relative}.word-complete-art{background:var(--word-yellow);border:10px solid #ffffffa6;border-radius:48% 52% 45% 55%;justify-content:center;align-items:center;gap:15px;width:245px;height:205px;margin-bottom:30px;animation:.55s word-pop;display:flex;box-shadow:0 15px #e6b935}.word-complete-art span{font-size:105px}.word-complete-art svg{color:#f47d65}.word-complete>p:not(.word-eyebrow){color:#5d777d;font-size:19px}.word-complete-actions{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:20px;display:flex}.word-primary,.word-secondary{cursor:pointer;border:0;border-radius:15px;align-items:center;gap:8px;padding:14px 20px;font-weight:700;display:flex}.word-primary{background:var(--word-blue);color:#fff;box-shadow:0 5px 0 var(--word-deep)}.word-secondary{color:var(--word-deep);background:#fff;border:1px solid #bed4d0;box-shadow:0 5px #cfdedb}.word-confetti{pointer-events:none;position:absolute;inset:0}.word-confetti i{border-radius:3px;width:10px;height:19px;animation:3s linear infinite word-confetti;position:absolute;top:-20px}@keyframes word-float{50%{transform:translateY(-7px)rotate(2deg)}}@keyframes word-pop{0%{transform:scale(.75)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes word-wiggle{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes word-confetti{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:.8;transform:translateY(100vh)rotate(680deg)}}@media (width<=720px){.word-topbar{height:72px;padding:0 14px}.word-progress{margin-top:16px}.word-game{padding-top:22px}.word-workbench{grid-template-columns:1fr;gap:22px;padding:25px 18px}.picture-card{width:210px;height:185px;margin:auto}.picture-emoji{font-size:82px}.letter-slot{width:68px;height:78px;font-size:32px}.letter-tray{padding-left:16px;padding-right:16px}.letter-bank{gap:10px}.letter-bank button{width:66px;height:68px}.word-brand div span{display:none}}@media (width<=420px){.word-intro h1{font-size:35px}.word-intro>p:last-child{font-size:16px}.word-workbench{border-radius:25px}.word-slots{gap:7px}.letter-slot{border-radius:14px;width:60px;height:70px}.picture-card{height:165px}.letter-tray{border-radius:22px}.word-complete-art{width:205px;height:175px}.word-complete-art span{font-size:87px}}@media (prefers-reduced-motion:reduce){.word-workshop-shell *,.word-workshop-shell :before,.word-workshop-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.letter-bank button{touch-action:none}.letter-slot.is-drag-over{background:#fff1e8;border-style:solid;border-color:#f47d65;transform:translateY(-5px)scale(1.06);box-shadow:0 8px #ffd2c7}.letter-drag-preview{background:var(--word-yellow);width:72px;height:72px;color:var(--word-ink);border:3px solid #f47d65;border-radius:19px;place-items:center;font:700 36px Fredoka;display:grid;box-shadow:0 13px 26px #194b404d}:root{--ink:#24352f;--muted:#66766f;--paper:#f8f7f0;--white:#fffef9;--leaf:#3f7c62;--leaf-dark:#285942;--sun:#f7c84b;--sky:#cde7e3;--peach:#f5a67b;--line:#d8ddd3;--shadow:0 18px 50px #2a493a21;color:var(--ink);background:var(--paper);font-family:Atkinson Hyperlegible,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 8%,#f7c84b2e,transparent 22rem),var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #f7c84bb3}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffef9d6;justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50vw - 560px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--sun);border-radius:50% 50% 46% 54%;place-items:center;width:44px;height:44px;font-size:25px;display:grid;transform:rotate(-7deg)}.brand div{flex-direction:column;display:flex}.brand strong{font:700 21px/1 Fredoka,sans-serif}.brand span:last-child{color:var(--muted);margin-top:4px;font-size:13px}.setup-button,.sound-button,.home-button,.primary-button,.secondary-button,.feedback button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.setup-button{color:var(--leaf-dark);background:#e7efe9;padding:11px 16px}.home-button{color:var(--muted);background:0 0;padding:10px 12px}.header-actions,.game-nav-wrap{align-items:center;gap:9px;display:flex}.game-nav{border:1px solid var(--line);background:#e8f1eecc;border-radius:15px;align-items:center;padding:3px;display:flex}.game-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:6px;padding:8px 10px;font-weight:700;display:flex}.game-nav button:hover,.game-nav button:focus-visible{background:var(--white);color:var(--ink)}.sound-button{background:var(--white);border:1px solid var(--line);color:var(--leaf-dark);padding:10px 13px}.sound-button[aria-pressed=false]{color:#8a4b3a;background:#fff0e9;border-color:#efc5b5}.activity{width:min(100% - 40px,1050px);margin:0 auto;padding:34px 0 50px}.progress-row{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;font-size:14px;font-weight:700;display:grid}.progress-track{background:#e1e5dc;border-radius:20px;height:9px;overflow:hidden}.progress-track span{background:var(--leaf);border-radius:inherit;height:100%;transition:width .4s;display:block}.icon-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.instruction{text-align:center;margin:35px auto 25px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--leaf);margin:0 0 7px;font-size:12px;font-weight:700}h1,h2,h3{font-family:Fredoka,sans-serif}.instruction h1{letter-spacing:-.025em;margin:0;font-size:clamp(27px,4vw,43px);line-height:1.08}.instruction>p:last-child{color:var(--muted);margin:10px 0 0;font-size:17px}.source-card{background:var(--white);border:3px solid var(--leaf);width:210px;height:210px;box-shadow:0 15px 0 #d8e8dd,var(--shadow);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:48% 52%/45% 48% 52% 55%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.source-card:hover{transform:translateY(-4px)rotate(-1deg)}.source-card.is-dragging{opacity:.55;transform:scale(.96)}.source-card{touch-action:none}.source-card.is-selected{box-shadow:0 15px 0 var(--sun),0 0 0 7px #f7c84b40}.grip{color:#91a298;position:absolute;top:16px;right:18px}.source-symbol{filter:drop-shadow(0 5px 2px #00000014);font-size:78px;line-height:1}.source-card strong{margin-top:8px;font:600 23px Fredoka}.move-hint{color:var(--leaf);margin-top:4px;font-size:13px;font-weight:700}.garden-divider{color:#79877f;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:16px;height:50px;margin:15px 0 4px;font-size:13px;font-weight:700;display:flex}.garden-divider:before,.garden-divider:after{content:"";background:var(--line);flex:1;height:1px}.options-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.option-card{background:var(--white);cursor:pointer;border:2px solid #d9dfd5;border-radius:24px;flex-direction:column;flex:220px;justify-content:center;align-items:center;max-width:250px;min-height:190px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.option-card:hover{border-color:#9db8a9;transform:translateY(-4px)}.option-card:after{content:"Drop here";color:#0000;border:2px dashed #0000;border-radius:17px;place-items:end center;padding-bottom:8px;font-size:12px;font-weight:700;transition:all .2s;display:grid;position:absolute;inset:8px}body:has(.source-card.is-dragging) .option-card:after{color:var(--leaf);border-color:#9db8a9}.option-symbol{z-index:1;font-size:62px;line-height:1}.option-card strong{z-index:1;margin-top:8px;font:600 19px Fredoka}.soil{background:#e7d8b9;border-radius:50%;width:120%;height:46px;position:absolute;bottom:-13px}.flower-top{color:var(--sun);font-size:18px;position:absolute;top:15px;left:18px}.option-card.is-wrong{border-color:var(--peach);background:#fff4ef;animation:.35s shake}.option-card.is-correct{border-color:var(--leaf);background:#edf7ef;transform:translateY(-5px)}.option-card.is-drag-over{border-color:var(--sun);background:#fff9df;transform:translateY(-6px)scale(1.025);box-shadow:0 10px #f7c84b59}.touch-drag-preview{z-index:100;pointer-events:none;will-change:left,top;animation:.16s ease-out touch-drag-lift;position:fixed;transform:translate(-50%,-72%)scale(1.06)}.match-drag-preview{border:4px solid var(--sun);background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;display:flex;box-shadow:0 14px 30px #26443747}.match-drag-preview span{filter:drop-shadow(0 4px 2px #0000001a);font-size:54px;line-height:1}.match-drag-preview strong{color:var(--ink);margin-top:5px;font:600 15px Fredoka}@keyframes touch-drag-lift{0%{opacity:.35;transform:translate(-50%,-55%)scale(.72)}to{opacity:1;transform:translate(-50%,-72%)scale(1.06)}}.match-badge{background:var(--leaf);color:#fff;z-index:2;border-radius:20px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.feedback{width:max-content;max-width:100%;min-height:68px;color:var(--muted);border-radius:18px;justify-content:center;align-items:center;gap:20px;margin:24px auto 0;padding:10px 18px;font-weight:700;transition:background .2s,transform .2s;display:flex}.feedback.correct{color:var(--leaf-dark);background:#dff2e4;font-size:22px;animation:.45s ease-out feedback-pop}.feedback.wrong{color:#8b3f2c;background:#ffe4d8;font-size:20px;animation:.35s shake}.feedback button,.primary-button{background:var(--leaf);color:#fff;box-shadow:0 5px 0 var(--leaf-dark);padding:13px 18px}.celebration,.empty-state{text-align:center;max-width:600px;margin:80px auto}.celebration{z-index:1;position:relative}.celebration h1,.empty-state h1{margin:10px 0;font-size:clamp(40px,7vw,70px);line-height:1}.celebration>p:not(.eyebrow){color:var(--muted);margin:15px 0 30px;font-size:20px}.celebration-stage{place-items:center;width:380px;max-width:100%;height:285px;margin:0 auto 10px;display:grid;position:relative}.celebration-stage:before,.celebration-stage:after{content:"";border:4px solid #f7c84b59;border-radius:50%;width:270px;height:270px;animation:1.8s ease-out infinite celebration-ring;position:absolute;top:50%;left:50%}.celebration-stage:after{animation-delay:.6s}.celebration-burst{background:linear-gradient(145deg,#ffe486,var(--sun));z-index:1;border-radius:44% 56% 50% 50%;place-items:center;width:175px;height:175px;animation:1.5s ease-in-out infinite bob;display:grid;position:relative;box-shadow:0 15px #e9ad29,0 24px 50px #5c440a33}.trophy{filter:drop-shadow(0 7px 2px #0000001f);font-size:88px}.celebration-star{color:var(--sun);filter:drop-shadow(0 4px #dca327);font-size:50px;animation:1.1s ease-in-out infinite alternate star-dance;position:absolute}.star-one{top:25px;left:5px;transform:rotate(-15deg)}.star-two{animation-delay:.3s;bottom:18px;right:3px;transform:rotate(16deg)}.celebration-ribbon{background:var(--leaf);color:#fff;width:max-content;max-width:100%;box-shadow:0 6px 0 var(--leaf-dark);border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:18px auto 0;padding:11px 20px;font:600 clamp(18px,3vw,24px) Fredoka;animation:.5s .2s both feedback-pop;display:flex}.confetti{pointer-events:none;z-index:-1;position:fixed;inset:82px 0 0;overflow:hidden}.confetti span{top:-30px;left:var(--x);background:var(--confetti-color);width:13px;height:22px;animation:confetti-fall var(--duration) linear var(--delay) infinite;opacity:0;border-radius:4px 1px;position:absolute}.confetti span:nth-child(3n){border-radius:50%;width:17px;height:17px}.confetti span:nth-child(4n){width:9px;height:25px}.modal-backdrop{z-index:10;background:#1c2a2473;justify-content:flex-end;display:flex;position:fixed;inset:0}.setup-panel{background:var(--paper);width:min(100%,480px);height:100%;padding:28px;overflow:auto;box-shadow:-20px 0 60px #00000026}.panel-header{justify-content:space-between;align-items:flex-start;display:flex}.panel-header h2{margin:0;font-size:32px}.panel-copy{color:var(--muted);line-height:1.5}.trial-field{color:var(--ink);background:#fff7d9;border:1px solid #ead58e;border-radius:17px;padding:14px 16px;font-weight:700;display:block}.trial-field input{background:var(--white);border:1px solid #c8b66f;border-radius:10px;width:82px;margin-left:12px;padding:8px 10px;font-weight:700}.trial-field small{color:var(--muted);margin-top:7px;font-weight:400;line-height:1.35;display:block}.item-list{gap:9px;margin:22px 0;display:grid}.item-row{background:var(--white);border:1px solid var(--line);border-radius:15px;grid-template-columns:48px 1fr 38px;align-items:center;gap:12px;padding:10px;display:grid}.item-preview{background:#edf1e9;border-radius:12px;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.item-row div{flex-direction:column;display:flex}.item-row small{color:var(--muted);margin-top:3px}.item-row button{color:#a05846;cursor:pointer;background:0 0;border:0}.item-row button:disabled{opacity:.25;cursor:not-allowed}.add-form{background:#e8efe9;border-radius:20px;grid-template-columns:1fr 2fr;gap:12px;padding:18px;display:grid}.add-form h3{grid-column:1/-1;align-items:center;gap:7px;margin:0;display:flex}.add-form label{color:var(--muted);font-size:13px;font-weight:700}.add-form input{background:var(--white);width:100%;color:var(--ink);border:1px solid #bdcbbf;border-radius:10px;margin-top:5px;padding:11px;display:block}.secondary-button{background:var(--white);border:1px solid #a7b9aa;grid-column:1/-1;padding:11px}.secondary-button:disabled,.primary-button:disabled{opacity:.4;cursor:not-allowed}.panel-footer{background:var(--paper);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:20px;padding:22px 0 28px;font-size:14px;display:flex;position:sticky;bottom:-28px}@keyframes shake{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes bob{50%{transform:translateY(-7px)rotate(2deg)}}@keyframes feedback-pop{0%{transform:scale(.72)}65%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}8%{opacity:1}to{opacity:.95;transform:translate(55px,calc(100vh + 40px))rotate(720deg)}}@keyframes celebration-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.45)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes star-dance{to{transform:translateY(-13px)rotate(12deg)scale(1.15)}}@media (width<=760px){.topbar{height:72px;padding:0 16px}.brand span:last-child{display:none}.setup-button,.sound-button{padding:10px;font-size:0}.setup-button svg,.sound-button svg{width:20px;height:20px}.activity{width:min(100% - 24px,1050px);padding-top:22px}.instruction{margin-top:25px}.source-card{width:170px;height:170px}.source-symbol{font-size:62px}.options-grid{gap:10px}.option-card{flex-basis:calc(50% - 5px);max-width:calc(50% - 5px);min-height:145px}.option-symbol{font-size:48px}.garden-divider{margin-top:8px}.feedback{flex-direction:column;gap:10px}.celebration-stage{height:255px}.setup-panel{padding:20px}.add-form{grid-template-columns:1fr}.add-form h3,.secondary-button{grid-column:1}.panel-footer{padding-bottom:20px;bottom:-20px}.game-nav-wrap{gap:3px}.game-nav{padding:2px}.game-nav button{justify-content:center;width:44px;height:44px;padding:0}.game-nav button span{display:none}.game-nav-wrap .sound-button,.game-nav-wrap .setup-button{min-width:44px;min-height:44px}}@media (width<=450px){.game-nav-wrap{gap:1px}.game-nav button{padding:0}.game-nav-wrap .sound-button,.topbar .setup-button{padding:8px}.topbar .brand{gap:6px}.topbar .brand-mark{width:38px;height:38px}}.game-setup-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1432388c;justify-content:flex-end;display:flex;position:fixed;inset:0}.game-setup-panel{color:#24464d;background:#fffdf7;width:min(680px,100%);height:100%;padding:30px;overflow:auto;box-shadow:-20px 0 55px #1130352e}.game-setup-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.game-setup-heading p{color:#287386;text-transform:uppercase;letter-spacing:.11em;margin:0 0 5px;font-size:11px;font-weight:700}.game-setup-heading h2{margin:0;font:700 31px Fredoka}.game-setup-heading>button{color:#47676b;cursor:pointer;background:#edf3f1;border:0;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.game-round-field{background:#eaf4f1;border-radius:18px;grid-template-columns:1fr 90px;align-items:center;gap:7px 15px;margin:25px 0;padding:17px;font-weight:700;display:grid}.game-round-field input{border:1px solid #afc9c3;border-radius:10px;width:90px;padding:10px;font:700 16px inherit}.game-round-field small{color:#68807f;grid-column:1/-1;font-weight:400}.setup-activity-list{gap:11px;display:grid}.word-setup-row,.pattern-setup-row{background:#fff;border:1px solid #dce6e2;border-radius:16px;align-items:end;gap:9px;padding:13px;display:grid}.word-setup-row{grid-template-columns:auto 58px 1fr 1fr auto}.pattern-setup-row{grid-template-columns:auto 1.4fr 1.2fr .7fr 1fr auto}.word-setup-row label,.pattern-setup-row label{color:#60787b;font-size:11px;font-weight:700}.word-setup-row input,.word-setup-row select,.pattern-setup-row input,.pattern-setup-row select{color:#24464d;background:#fffdf9;border:1px solid #bfd0cc;border-radius:9px;width:100%;margin-top:4px;padding:9px;display:block}.setup-visual-input{text-align:center;height:44px;font-size:24px}.include-toggle{flex-direction:column;align-items:center;gap:3px;display:flex!important}.include-toggle input{height:20px;width:20px!important;margin:0!important}.setup-delete{color:#a35240;cursor:pointer;background:#fff0eb;border:0;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.setup-delete:disabled{opacity:.3}.setup-delete svg{width:18px}.setup-add{color:#286879;cursor:pointer;background:#eef7f4;border:2px dashed #91b6ad;border-radius:13px;align-items:center;gap:7px;margin:14px 0 90px;padding:11px 15px;font-weight:700;display:flex}.setup-add svg{width:18px}.setup-format-hint{color:#647d80;margin:-8px 0 15px;font-size:13px}.game-setup-footer{background:#fffdf7;border-top:1px solid #dce6e2;justify-content:space-between;align-items:center;gap:15px;margin:0 -30px -30px;padding:18px 30px 30px;display:flex;position:sticky;bottom:-30px}.game-setup-footer span{color:#708486;font-size:13px}.game-setup-footer button{color:#fff;cursor:pointer;background:#176b87;border:0;border-radius:13px;padding:12px 17px;font-weight:700;box-shadow:0 4px #12475b}.game-setup-footer button:disabled{opacity:.4;cursor:not-allowed}@media (width<=680px){.game-setup-panel{padding:20px}.word-setup-row,.pattern-setup-row{grid-template-columns:auto 1fr auto}.word-setup-row .setup-visual-input{grid-column:2}.word-setup-row label:not(.include-toggle),.pattern-setup-row label:not(.include-toggle){grid-column:1/-1}.game-setup-footer{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.game-setup-heading h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing-shell{--blue:#176b87;--blue-deep:#12475b;--aqua:#a9e5df;--coral:#ff8066;--butter:#ffd65a;--lavender:#c7b9ed;color:#17343e;background:#f7fbfa;min-height:100vh;overflow:hidden}.platform-header{z-index:5;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:86px;margin:0 auto;display:flex;position:relative}.platform-brand{color:var(--blue-deep);align-items:center;gap:10px;text-decoration:none;display:flex}.platform-brand strong{letter-spacing:-.04em;font:700 27px/1 Fredoka,sans-serif}.brinli-spark{background:var(--coral);color:#fff;border-radius:48% 52% 44% 56%;place-items:center;width:42px;height:42px;font:700 26px Fredoka;display:grid;transform:rotate(-7deg);box-shadow:0 5px #d95d48}.platform-header nav{align-items:center;gap:28px;display:flex}.platform-header nav a{color:#3b5963;font-weight:700;text-decoration:none}.platform-header nav button,.landing-primary,.library-card button{background:var(--blue);color:#fff;box-shadow:0 5px 0 var(--blue-deep);cursor:pointer;border:0;border-radius:15px;align-items:center;gap:8px;padding:12px 17px;font-weight:700;display:inline-flex}.brinli-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px;width:min(1180px,100% - 40px);min-height:650px;margin:0 auto;padding:74px 0 85px;display:grid}.landing-eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:7px;margin:0 0 14px;font-size:12px;font-weight:700;display:flex}.hero-copy h1{letter-spacing:-.055em;color:var(--blue-deep);margin:0;font:700 clamp(54px,6vw,86px)/.94 Fredoka}.hero-copy h1 span{color:var(--coral)}.hero-copy>p:not(.landing-eyebrow){color:#547079;max-width:560px;margin:28px 0;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.landing-primary{padding:15px 20px;font-size:16px}.hero-actions>a{color:var(--blue-deep);align-items:center;gap:7px;font-weight:700;text-decoration:none;display:flex}.trust-note{color:#688087;align-items:center;gap:8px;margin-top:26px;font-size:13px;display:flex}.hero-playground{background:linear-gradient(155deg,#d7f4f0 0 47%,#badd8c 47% 100%);border-radius:48% 52% 50% 50%/42% 45% 55% 58%;height:500px;position:relative;box-shadow:inset 0 0 0 12px #ffffff8c}.hero-playground:after{content:"";border:5px dashed #fffc;border-left-color:#0000;border-radius:50%;width:72%;height:68%;position:absolute;top:14%;left:12%;transform:rotate(-18deg)}.cloud{opacity:.8;background:#fff;border-radius:30px;width:105px;height:32px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:45px;height:45px;bottom:0;left:17px}.cloud:after{width:55px;height:55px;bottom:0;right:12px}.cloud-one{top:30px;left:60px}.cloud-two{top:90px;right:45px;transform:scale(.65)}.hero-game-card{z-index:2;text-align:left;cursor:pointer;background:#fffef8;border:0;border-radius:30px;flex-direction:column;width:278px;min-height:315px;padding:22px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)rotate(-2deg);box-shadow:0 18px #24715b29,0 30px 60px #1951432e}.hero-game-card:hover{transform:translate(-50%,-52%)rotate(1deg)}.game-status{color:#34704e;background:#dff4e1;border-radius:999px;width:max-content;padding:5px 9px;font-size:12px;font-weight:700}.hero-game-art{justify-content:center;align-items:center;gap:22px;height:130px;font-size:63px;display:flex}.hero-game-art span:last-child{background:#edf7ef;border:3px dashed #76a783;border-radius:20px;padding:8px;font-size:48px}.game-title{font:700 26px Fredoka}.game-skill{color:#70827b;margin-top:4px;font-size:14px}.round-play{background:var(--coral);color:#fff;border-radius:50%;align-self:flex-end;place-items:center;width:42px;height:42px;margin-top:12px;display:grid;box-shadow:0 4px #dc5d45}.future-bubble{z-index:3;color:#573e7f;background:#e8e0fa;border:5px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:115px;height:115px;display:flex;position:absolute;box-shadow:0 12px 25px #2e444026}.future-bubble svg{width:27px}.future-bubble span{margin-top:3px;font:600 15px Fredoka}.future-bubble small{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.bubble-reading{top:180px;right:15px;transform:rotate(6deg)}.bubble-shapes{color:#91412f;background:#ffe3db;bottom:45px;left:4px;transform:rotate(-7deg)}.path-dot{z-index:1;background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;box-shadow:0 3px #1e57461f}.dot-one{top:26%;left:18%}.dot-two{bottom:18%;right:18%}.dot-three{bottom:4%;left:34%}.game-library{background:#fffef8;padding:95px max(20px,50vw - 590px)}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:38px;display:grid}.section-heading h2,.grownup-copy h2{letter-spacing:-.04em;color:var(--blue-deep);margin:0;font:700 clamp(37px,5vw,58px)/1 Fredoka}.section-heading>p{color:#647b82;margin:0;font-size:17px;line-height:1.55}.library-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.library-card{background:#f3f1fb;border:1px solid #dfd8f0;border-radius:28px;flex-direction:column;min-height:430px;padding:16px 22px 24px;display:flex;position:relative;overflow:hidden}.library-card.available{background:#eef8ea;border-color:#d3e9cc}.coral-card{background:#fff0eb;border-color:#f5d7ce}.library-art{background:var(--lavender);letter-spacing:.1em;color:#55407b;border-radius:20px;justify-content:center;align-items:center;height:180px;margin:-2px -8px 20px;font:700 38px Fredoka;display:flex}.garden-art{background:linear-gradient(#bde7e1 0 58%,#badd8c 58%);gap:7px;font-size:55px}.garden-art span:nth-child(2){transform:translateY(-17px)}.pattern-library-card{background:#eef5f5!important;border-color:#cfe1e0!important}.pattern-art{color:#3d7880;background:linear-gradient(155deg,#cdebec 0 56%,#c8dfa3 56%);gap:12px}.pattern-art span{background:#fffefa;border-radius:13px;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 5px #2f5d5326}.pattern-art span:nth-child(4){color:#f47d65;border:3px dashed #f47d65}.word-library-card{background:#fff4de!important;border-color:#efd6a3!important}.word-art{letter-spacing:0;background:linear-gradient(145deg,#d9f1ed,#ffe29a);gap:8px}.word-art span{margin-right:8px;font-size:60px}.word-art i{color:#285b68;background:#fffdf5;border-radius:11px;place-items:center;width:43px;height:50px;font-size:25px;font-style:normal;display:grid;box-shadow:0 5px #ddab3c}.card-meta{text-transform:uppercase;letter-spacing:.08em;color:#657c72;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.library-card h3{margin:13px 0 5px;font-size:28px}.library-card p{color:#667b7e;margin:0 0 20px;line-height:1.45}.library-card button{width:max-content;margin-top:auto}.coming-soon{opacity:.78}.coming-soon:after{content:"In the works";text-align:center;text-transform:uppercase;letter-spacing:.09em;background:#fff;width:145px;padding:7px 0;font-size:10px;font-weight:700;position:absolute;top:30px;right:-36px;transform:rotate(39deg)}.grownups-section{grid-template-columns:1fr 1fr;align-items:center;gap:95px;width:min(1180px,100% - 40px);margin:0 auto;padding:115px 0;display:grid}.grownup-visual{background:var(--butter);border-radius:45% 55% 49% 51%;place-items:center;height:410px;display:grid;position:relative;box-shadow:inset 0 0 0 12px #ffffff80}.progress-paper{background:#fff;border-radius:24px;flex-direction:column;width:310px;padding:25px;display:flex;transform:rotate(-3deg);box-shadow:0 17px #bb8d182b,0 30px 50px #5a461424}.progress-paper span{color:#6f7f77;font-size:13px}.progress-paper strong{margin:8px 0;font:700 35px Fredoka}.progress-paper i{background:var(--coral);border-radius:20px;height:13px;margin:8px 0 11px}.progress-paper small{color:#7a877f}.mini-sticker{background:var(--blue);color:#fff;text-align:center;border:6px solid #fff;border-radius:50%;place-items:center;width:115px;height:115px;display:grid;position:absolute;bottom:28px;right:18px;transform:rotate(8deg)}.mini-sticker svg{margin-top:13px}.mini-sticker span{margin-top:-15px;font:600 14px/1.05 Fredoka}.grownup-copy>p:not(.landing-eyebrow){color:#60767d;font-size:18px;line-height:1.55}.grownup-copy ul{gap:13px;margin:26px 0;padding:0;list-style:none;display:grid}.grownup-copy li{align-items:center;gap:10px;font-weight:700;display:flex}.grownup-copy li svg{color:#3d7754;background:#dff2e4;border-radius:50%;width:22px;height:22px;padding:3px}.platform-footer{color:#71868b;border-top:1px solid #d9e5e2;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 40px;display:grid}.footer-meta{text-align:right;flex-direction:column;gap:4px;font-size:13px;display:flex}.platform-footer p{font-weight:700}@media (width<=850px){.platform-header nav a{display:none}.brinli-hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.landing-eyebrow,.hero-actions,.trust-note{justify-content:center}.hero-copy>p:not(.landing-eyebrow){margin-left:auto;margin-right:auto}.hero-playground{width:min(100%,580px);margin:0 auto}.section-heading{grid-template-columns:1fr;gap:18px}.library-grid{grid-template-columns:1fr}.library-card{min-height:auto}.grownups-section{grid-template-columns:1fr;gap:65px}.grownup-visual{order:2}.platform-footer{text-align:center;grid-template-columns:1fr;gap:12px}.platform-footer .platform-brand{justify-content:center}.footer-meta{text-align:center}}@media (width<=560px){.platform-header{height:72px}.platform-header nav{gap:0}.platform-header nav button{min-width:47px;min-height:44px;padding:11px;font-size:0}.brinli-hero{gap:35px;width:min(100% - 24px,1180px);padding-top:32px}.hero-copy h1{font-size:49px}.hero-copy>p:not(.landing-eyebrow){font-size:17px}.hero-playground{height:440px}.hero-game-card{width:240px;min-height:285px}.hero-game-art{height:115px;font-size:52px}.future-bubble{width:92px;height:92px}.bubble-reading{right:-10px}.bubble-shapes{left:-8px}.game-library{padding-top:70px;padding-bottom:70px}.grownups-section{width:min(100% - 24px,1180px);padding:75px 0}.grownup-visual{height:350px}.progress-paper{width:255px}.mini-sticker{width:95px;height:95px;right:2px}.home-button{font-size:0}.home-button svg{width:20px}.header-actions{gap:4px}}