@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%}.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}.racer-shell{--ink:#243047;--sky:#8ce2f1;--mango:#ffc83d;--coral:#ff6b6b;--leaf:#8bd67f;--grape:#7b61e8;min-height:100vh;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff8e8;overflow:hidden}.racer-topbar{border-bottom:4px solid var(--ink);z-index:50;background:#fff8e8;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 max(14px,50vw - 550px);display:grid;position:relative}.racer-topbar button{border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:14px;place-items:center;display:grid}.racer-topbar button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.racer-topbar>div:last-child{justify-self:end;gap:7px;display:flex}.racer-topbar svg{width:20px}.racer-brand{align-items:center;gap:8px;font:700 21px Fredoka;display:flex}.racer-brand>span{background:var(--coral);color:#fff;border:3px solid var(--ink);border-radius:48%;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-7deg)}.race-viewport{background:#081735;width:min(100%,1100px);height:calc(100vh - 70px);min-height:560px;margin:auto;position:relative;overflow:hidden}.space-field{background:radial-gradient(circle at 20% 20%,#7b61e847,#0000 28%),radial-gradient(circle at 82% 75%,#5edaf22e,#0000 30%),linear-gradient(145deg,#07142e,#15285b 55%,#251d62);position:absolute;inset:0}.space-field:after{content:"";opacity:.65;background-image:radial-gradient(circle,#fff 0 2px,#0000 2.5px);background-size:94px 78px;position:absolute;inset:0}.planet{z-index:1;border:6px solid var(--ink);border-radius:50%;position:absolute;box-shadow:inset -16px -10px #2430472e}.planet-one{background:#ffc83d;width:105px;height:105px;top:9%;right:6%}.planet-one:after{content:"";border:7px solid #ff9a73;border-radius:50%;width:145px;height:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-13deg)}.planet-two{background:#5edaf2;width:65px;height:65px;bottom:8%;left:5%}.space-star{z-index:1;color:#fff8e8;text-shadow:0 3px #243047;font-style:normal;position:absolute}.star-one{font-size:30px;top:14%;left:9%}.star-two{color:#ffc83d;font-size:22px;top:7%;left:43%}.star-three{color:#5edaf2;font-size:34px;bottom:12%;right:18%}.star-four{color:#ff9a73;font-size:20px;bottom:8%;left:31%}.horizontal-track{z-index:5;background:#182b5bb8;border:7px solid #30416d;border-radius:54px;position:absolute;inset:17% 5% 15%;overflow:hidden;box-shadow:0 0 0 4px #5edaf21f,inset 0 0 45px #5edaf21f}.horizontal-lane{background:linear-gradient(90deg,#0000,#8ce2f1cc,#0000);height:4px;position:absolute;left:0;right:0;box-shadow:0 0 10px #5edaf2}.lane-top{top:33.333%}.lane-bottom{top:66.666%}.track-motion{background:radial-gradient(circle,#ffffffb8 0 3px,#0000 4px) 0 0/80px 72px;background-position-x:calc(var(--track-offset) * -1);will-change:background-position;position:absolute;inset:0}.track-choice{z-index:14;border:5px solid var(--ink);will-change:left;background:#fff8e8;border-radius:22px;place-items:center;width:78px;height:78px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px #24304747}.choice-character{color:var(--ink);font:700 48px/1 Fredoka}.choice-color{border:4px solid var(--ink);border-radius:50%;width:50px;height:50px}.color-red{background:#ff5f5f}.color-blue{background:#4c91ff}.color-yellow{background:#ffd83d}.choice-shape{background:var(--coral);border:4px solid var(--ink);width:48px;height:48px;display:block}.shape-circle{background:#5edaf2;border-radius:50%}.shape-square{background:#ff6b6b;border-radius:8px}.shape-triangle{border:0;border-left:28px solid #0000;border-right:28px solid #0000;border-bottom:51px solid var(--mango);width:0;height:0;filter:drop-shadow(0 0 2px var(--ink));background:0 0}.track-choice.correct{background:#dcf6d9;animation:.45s both answer-pop}.track-choice.try-again{background:#fff0db;animation:.5s answer-wiggle}.race-car{z-index:18;width:145px;transition:top .2s cubic-bezier(.2,.8,.3,1);position:absolute;left:13%;transform:translate(-50%,-50%)}.race-car>svg{width:100%;display:block}.race-car.is-correct{filter:drop-shadow(0 10px 8px #ffc83d8c)}.car-sparkles{color:var(--mango);white-space:nowrap;font-size:29px;animation:.65s ease-out forwards spark-out;position:absolute;top:-4px;left:55%}.finish-banner{z-index:12;background:repeating-linear-gradient(0deg,#fff 0 16px,var(--ink) 16px 32px);border-left:4px solid var(--ink);border-right:4px solid var(--ink);will-change:left;width:24px;position:absolute;top:17%;bottom:15%;transform:translate(-50%)}.finish-banner span{background:var(--mango);border:3px solid var(--ink);text-transform:uppercase;border-radius:10px;padding:4px 9px;font:700 13px Fredoka;position:absolute;top:10px;left:50%;transform:translate(-50%)}.finish-toy{z-index:3;width:90px;height:115px;position:absolute;bottom:2%;right:2%}.finish-toy i{background:var(--ink);border-radius:5px;width:8px;height:100px;position:absolute;bottom:0;left:42px}.finish-toy span{background:var(--mango);border:5px solid var(--ink);border-radius:50%;place-items:center;width:68px;height:68px;font-size:35px;display:grid;position:absolute;top:0;right:0}.learning-prompt{z-index:26;border:4px solid var(--ink);text-align:center;min-width:245px;box-shadow:0 6px 0 var(--ink);background:#fff8e8;border-radius:20px;padding:7px 24px 9px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.learning-prompt small{text-transform:uppercase;letter-spacing:.1em;color:#5b6677;font-weight:900;display:block}.learning-prompt strong{color:#443196;font:700 37px/1.05 Fredoka;display:block}.star-counter{z-index:25;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff8e8;border-radius:18px;align-items:center;gap:7px;padding:8px 13px;display:flex;position:absolute;top:20px;left:24px}.star-counter span{color:var(--mango);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:29px}.star-counter strong{font:700 25px Fredoka}.star-counter small{text-transform:uppercase;letter-spacing:.08em;font-weight:900}.race-feedback{z-index:30;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);white-space:nowrap;border-radius:18px;padding:9px 18px;font:700 21px Fredoka;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.race-feedback.correct{background:#d7f4d3}.race-feedback.try-again{background:#fff0db}.race-progress{z-index:25;border:3px solid var(--ink);background:#fff;border-radius:99px;height:15px;position:absolute;bottom:18px;left:24px;right:24px;overflow:hidden}.race-progress span{background:var(--leaf);height:100%;transition:width .35s;display:block}.steer-controls{z-index:28;align-items:center;gap:9px;display:flex;position:absolute;top:20px;right:24px}.steer-controls span{border:3px solid var(--ink);background:#fff8e8;border-radius:13px;padding:8px 12px;font-weight:900}.steer-button{border:4px solid var(--ink);width:58px;height:58px;box-shadow:0 6px 0 var(--ink);cursor:pointer;background:#fff8e8;border-radius:50%;place-items:center;display:grid}.steer-button svg{width:30px;height:30px}.steer-button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.race-start,.race-finish{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#9ce8f4e6;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.race-start .pip-mascot,.race-finish .pip-mascot{width:155px;margin-bottom:16px}.race-start p,.race-finish p{z-index:1;color:#443196;text-transform:uppercase;letter-spacing:.1em;margin:0;font-weight:900;position:relative}.race-start h1,.race-finish h1{margin:5px 0 25px;font-size:clamp(45px,8vw,72px);line-height:.95}.race-start button,.race-finish button{border:5px solid var(--ink);background:var(--mango);box-shadow:0 8px 0 var(--ink);cursor:pointer;border-radius:23px;align-items:center;gap:8px;padding:15px 28px;font:700 23px Fredoka;display:flex}.race-finish{background:#ffd85ce6}.race-finish .race-home{background:#fff;margin-top:15px;padding:11px 20px;font-size:17px}.race-pause{z-index:42;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;color:#fff8e8;background:#081735d1;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.race-pause p{color:#8ce2f1;text-transform:uppercase;letter-spacing:.12em;margin:0;font-weight:900}.race-pause h1{margin:8px 0 28px;font-size:clamp(40px,7vw,66px);line-height:1}.race-pause button{border:5px solid var(--ink);background:var(--mango);color:var(--ink);box-shadow:0 8px 0 var(--ink);cursor:pointer;border-radius:23px;align-items:center;gap:9px;padding:15px 25px;font:700 22px Fredoka;display:flex}@keyframes answer-pop{50%{transform:translate(-50%,-50%)scale(1.22)rotate(5deg)}}@keyframes answer-wiggle{20%,60%{transform:translate(calc(-50% - 8px),-50%)}40%,80%{transform:translate(calc(8px - 50%),-50%)}}@keyframes spark-out{to{opacity:0;transform:translate(15px,-45px)scale(1.5)}}@media (width<=650px){.racer-topbar{height:64px}.racer-brand strong{display:none}.race-viewport{height:calc(100vh - 64px);min-height:520px}.horizontal-track{border-width:6px;border-radius:34px;inset:23% 3% 18%}.race-car{width:104px;left:17%}.track-choice{border-width:4px;border-radius:17px;width:62px;height:62px}.choice-character{font-size:38px}.choice-color{width:40px;height:40px}.choice-shape{width:39px;height:39px}.shape-triangle{border-bottom-width:42px;border-left-width:23px;border-right-width:23px;width:0;height:0}.learning-prompt{min-width:190px;padding:6px 16px;top:10px}.learning-prompt small{font-size:10px}.learning-prompt strong{font-size:29px}.star-counter{padding:6px 9px;top:10px;left:10px}.star-counter small{display:none}.star-counter span{font-size:22px}.star-counter strong{font-size:20px}.steer-controls{top:10px;right:10px}.steer-controls span{display:none}.steer-button{width:46px;height:46px}.steer-button svg{width:25px}.finish-toy{display:none}.race-feedback{padding:7px 12px;font-size:17px;bottom:9%}.race-progress{bottom:12px;left:14px;right:14px}.race-start .pip-mascot,.race-finish .pip-mascot{width:130px}}@media (height<=650px){.race-start .pip-mascot,.race-finish .pip-mascot{width:105px}.race-start h1,.race-finish h1{margin-bottom:14px;font-size:40px}.race-start button,.race-finish button{padding:10px 22px}.horizontal-track{top:16%;bottom:13%}}.track-choice.choice-set-feedback{opacity:.28}.track-choice.choice-set-feedback.correct,.track-choice.choice-set-feedback.try-again{opacity:1}.race-viewport{touch-action:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.track-choice,.car-sparkles{animation:none!important}.race-car{transition:top .01ms}}: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}}.landing-shell{--sky:#5edaf2;--mango:#ffc83d;--coral:#ff6b6b;--leaf:#64c66c;--grape:#7b61e8;--ink:#243047;--cream:#fff8e8;color:var(--ink);background:#fff8e8}.platform-header{width:min(1240px,100% - 48px);height:92px}.platform-brand{color:var(--ink)}.platform-brand strong{font-size:30px}.brinli-spark{background:var(--coral);border:3px solid var(--ink);box-shadow:0 5px #cf4949}.platform-header nav{gap:25px}.platform-header nav a{color:var(--ink);font-weight:800}.platform-header nav a:hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.platform-header nav button,.landing-primary,.library-card button{background:var(--grape);border:3px solid var(--ink);border-radius:18px;min-height:51px;font:700 16px Fredoka,sans-serif;box-shadow:0 6px #5138b6}.platform-header nav button:hover,.library-card button:hover{transform:translateY(-2px)}.play-world{grid-template-columns:.78fr 1.22fr;align-items:center;gap:22px;width:min(1240px,100% - 48px);min-height:690px;margin:0 auto;padding:38px 0 74px;display:grid;position:relative}.world-copy{z-index:4;padding-left:14px;position:relative}.world-kicker{color:#39536b;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:900;display:flex}.world-copy h1{letter-spacing:-.06em;color:var(--ink);margin:0;font:700 clamp(62px,7vw,104px)/.84 Fredoka,sans-serif}.world-copy h1 span{color:#ef5358;text-shadow:0 5px #ffd5ca}.world-copy>p:not(.world-kicker){color:#4a6073;max-width:470px;margin:27px 0;font-size:20px;line-height:1.45}.world-play-button{border:4px solid var(--ink);background:var(--mango);color:var(--ink);cursor:pointer;border-radius:24px;align-items:center;gap:11px;min-height:65px;padding:17px 24px;font:700 23px Fredoka,sans-serif;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px #d89c1a}.world-play-button:hover{transform:translateY(-3px);box-shadow:0 11px #d89c1a}.world-play-button:active{transform:translateY(5px);box-shadow:0 3px #d89c1a}.world-scene{border:5px solid var(--ink);background:linear-gradient(#62d7f1 0 60%,#9be07d 60%);border-radius:48px 48px 85px 85px;height:580px;position:relative;overflow:hidden;box-shadow:0 14px #243047,0 25px 50px #2430472e}.world-scene:before{content:"";opacity:.6;background:radial-gradient(circle at 12% 16%,#ffffff45 0 4px,#0000 5px) 0 0/70px 70px,radial-gradient(circle at 86% 25%,#ffffff4d 0 5px,#0000 6px) 0 0/90px 90px;position:absolute;inset:0}.world-sun{border:5px solid var(--ink);background:var(--mango);border-radius:50%;width:78px;height:78px;position:absolute;top:35px;right:44px;box-shadow:0 0 0 13px #ffc83d59}.world-cloud{border:4px solid var(--ink);background:#fff;border-radius:99px;width:115px;height:35px;position:absolute}.world-cloud:before,.world-cloud:after{content:"";border:4px solid var(--ink);background:#fff;border-bottom:0;border-radius:60px 60px 0 0;position:absolute;bottom:25px}.world-cloud:before{width:43px;height:32px;left:18px}.world-cloud:after{width:55px;height:43px;right:13px}.cloud-a{top:58px;left:55px}.cloud-b{top:145px;right:165px;transform:scale(.62)}.world-hill{border:5px solid var(--ink);border-bottom:0;border-radius:50% 50% 0 0;position:absolute}.hill-back{background:#64c66c;width:70%;height:250px;bottom:55px;right:-80px}.hill-front{background:#8ddb65;width:72%;height:205px;bottom:-25px;left:-120px}.world-path{z-index:1;width:100%;height:49%;position:absolute;bottom:0;left:0}.world-path path{fill:none;stroke:#ffe7a8;stroke-width:46px;stroke-linecap:round;stroke-dasharray:1 0}.world-path path:after{stroke:#243047}.pip-mascot{overflow:visible}.world-pip{z-index:3;filter:drop-shadow(0 9px #24304714);width:165px;animation:2.8s ease-in-out infinite pip-bob;position:absolute;bottom:36px;left:42%}.pip-bubble{z-index:5;border:4px solid var(--ink);background:#fff;border-radius:22px;padding:12px 16px;font:700 16px Fredoka;position:absolute;top:119px;left:29%;transform:rotate(-3deg);box-shadow:0 6px #24304726}.pip-bubble:after{content:"";border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);background:#fff;width:22px;height:22px;position:absolute;bottom:-14px;left:56%;transform:rotate(45deg)}.world-stop{z-index:4;border:4px solid var(--ink);width:158px;color:var(--ink);cursor:pointer;background:#fff8e8;border-radius:25px;padding:5px 8px 10px;transition:transform .18s;position:absolute;box-shadow:0 8px #24304740}.world-stop:hover{transform:translateY(-5px)rotate(1deg)}.world-stop .illustrated-object{width:100%;height:94px;display:block}.world-stop span{font:700 17px Fredoka;display:block}.stop-garden{bottom:30px;left:25px;transform:rotate(-3deg)}.stop-pattern{bottom:52px;right:22px;transform:rotate(3deg)}.stop-workshop{width:142px;top:155px;right:18px;transform:rotate(-3deg)}@keyframes pip-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}.game-library{border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);background:#ffdd62;padding:105px max(24px,50vw - 620px);position:relative}.game-library:before{content:"✦";color:#fff;font-size:34px;position:absolute;top:34px;left:4%;transform:rotate(-12deg)}.section-heading{grid-template-columns:1fr .7fr;align-items:end;gap:80px}.landing-eyebrow{color:#4e3aa5;font-size:13px;font-weight:900}.section-heading h2,.grownup-copy h2{color:var(--ink);font-size:clamp(42px,5vw,65px)}.section-heading>p{color:#4e4a43;font-size:18px;font-weight:600}.library-grid{gap:25px}.library-card{border:5px solid var(--ink);min-height:445px;box-shadow:0 10px 0 var(--ink);border-radius:35px;padding:16px 22px 24px;transition:transform .18s;overflow:visible;background:#a8e68f!important}.library-card:hover{transform:translateY(-6px)rotate(-.5deg)}.library-card:nth-child(2):hover{transform:translateY(-6px)rotate(.5deg)}.brain-pattern{background:#a79af3!important}.brain-word{background:#ff9c77!important}.library-art{background:#ffffff7a;border:0;border-radius:25px;height:210px;margin:0 0 20px;overflow:hidden}.library-art .illustrated-object{width:90%;height:100%;margin:auto;display:block}.card-meta{color:var(--ink);font-size:11px}.library-card h3{color:var(--ink);font:700 31px Fredoka}.library-card p{color:#344358;font-weight:600}.library-card button{color:var(--ink);background:#fff8e8;min-height:49px;margin-top:auto;box-shadow:0 5px #2430474d}.grownups-section{gap:90px;width:min(1180px,100% - 48px);padding:115px 0}.grownup-visual{border:5px solid var(--ink);background:var(--sky);height:430px;box-shadow:0 12px 0 var(--ink);border-radius:45px;overflow:hidden}.grownup-visual:before{content:"";background:var(--leaf);border:5px solid var(--ink);border-radius:50% 50% 0 0;height:72%;position:absolute;bottom:-30%;left:-10%;right:-10%}.grownup-pip{z-index:2;width:190px;position:absolute;bottom:20px;left:13%}.grownup-garden{z-index:2;width:280px;position:absolute;bottom:12px;right:5%}.grownup-spark{z-index:3;color:#fff;font-size:45px;position:absolute}.spark-one{top:30px;left:12%}.spark-two{color:var(--mango);top:62px;right:13%}.grownup-copy>p:not(.landing-eyebrow){color:#4d6070;font-size:19px}.grownup-copy li svg{background:var(--mango);color:var(--ink);border:2px solid var(--ink)}.grownup-copy .trust-note{color:#536675;margin-top:30px;font-weight:700}.platform-footer{border-top:4px solid var(--ink);color:#536675;padding-top:32px}.footer-meta span:first-child{color:var(--ink);font-weight:800}@media (width<=980px){.play-world{grid-template-columns:1fr;padding-top:20px}.world-copy{text-align:center}.world-kicker{justify-content:center}.world-copy>p:not(.world-kicker){margin-left:auto;margin-right:auto}.world-scene{width:min(100%,720px);margin:auto}.grownups-section{gap:45px}.grownup-pip{left:4%}.grownup-garden{right:-5%}}@media (width<=850px){.platform-header,.play-world{width:min(100% - 28px,1240px)}.library-grid{grid-template-columns:1fr}.library-card{grid-template-rows:auto auto 1fr auto;grid-template-columns:210px 1fr;align-items:center;column-gap:24px;min-height:340px;display:grid}.library-art{grid-row:1/5;height:260px;margin:0}.card-meta,.library-card h3,.library-card p,.library-card button{grid-column:2}.grownups-section{grid-template-columns:1fr}.grownup-visual{order:2}.platform-header nav a{display:none}}@media (width<=600px){.platform-header{height:76px}.platform-brand strong{font-size:27px}.platform-header nav button{justify-content:center;width:52px;padding:0;font-size:0}.platform-header nav button svg{width:22px;height:22px}.play-world{padding-top:24px}.world-copy h1{font-size:64px}.world-copy>p:not(.world-kicker){font-size:18px}.world-scene{border-radius:35px;height:520px}.world-pip{width:135px;bottom:34px;left:33%}.pip-bubble{font-size:14px;top:132px;left:18%}.world-stop{width:125px}.world-stop .illustrated-object{height:77px}.world-stop span{font-size:15px}.stop-garden{bottom:22px;left:12px}.stop-pattern{bottom:31px;right:10px}.stop-workshop{width:117px;top:206px;right:8px}.world-sun{width:58px;height:58px;right:23px}.cloud-a{left:25px}.game-library{padding:78px 14px}.section-heading{gap:14px}.library-card{min-height:0;display:flex}.library-art{width:100%;height:205px}.grownups-section{width:min(100% - 28px,1180px);padding:80px 0}.grownup-visual{height:350px}.grownup-pip{width:145px;left:2%}.grownup-garden{width:230px;right:-8%}.platform-footer{width:min(100% - 28px,1180px)}}.space-hero-scene{isolation:isolate;background:radial-gradient(circle at 24% 22%,#7b61e87a,#0000 27%),linear-gradient(145deg,#07142e,#182b61 58%,#2b2168)}.space-hero-scene:before{content:"";opacity:.72;background-image:radial-gradient(circle,#fff 0 2px,#0000 2.5px);background-size:74px 68px;position:absolute;inset:0}.space-hero-scene:after{content:"";z-index:-1;background:radial-gradient(circle,#5edaf22e,#0000 45%);position:absolute;inset:0}.hero-orbit{border:5px dashed #8ce2f18c;border-radius:50%;position:absolute;inset:17% 9% 16%;transform:rotate(-12deg)}.hero-planet{border:5px solid var(--ink);border-radius:50%;position:absolute;box-shadow:inset -13px -9px #24304733}.hero-planet-one{background:var(--mango);width:92px;height:92px;top:8%;right:7%}.hero-planet-one:after{content:"";border:7px solid var(--coral);border-radius:50%;width:125px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.hero-planet-two{background:var(--sky);width:58px;height:58px;bottom:10%;left:8%}.hero-space-star{color:#fff8e8;text-shadow:0 4px 0 var(--ink);font-size:34px;position:absolute}.hs-one{color:var(--mango);top:16%;left:12%}.hs-two{color:var(--sky);bottom:20%;right:14%}.hs-three{color:var(--coral);font-size:23px;top:12%;right:31%}.hero-saucer{z-index:3;color:#fff8e8;cursor:pointer;text-align:center;filter:drop-shadow(0 18px 13px #00000040);background:0 0;border:0;width:min(430px,72%);animation:2.6s ease-in-out infinite saucer-float;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.hero-saucer .illustrated-object{width:100%;height:285px;display:block}.hero-saucer span{margin-top:-18px;font:700 28px Fredoka;display:block}.hero-saucer small{color:#bceef6;letter-spacing:.03em;margin-top:5px;font-weight:800;display:block}.space-practice-link{z-index:4;border:3px solid var(--ink);color:var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;background:#fff8e8;border-radius:15px;padding:10px 14px;font:700 14px Fredoka;position:absolute;bottom:21px;right:23px}@keyframes saucer-float{0%,to{transform:translate(-50%,-50%)rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 10px))rotate(1deg)}}@media (width<=600px){.hero-saucer{width:82%;top:47%}.hero-saucer .illustrated-object{height:250px}.hero-saucer span{font-size:24px}.hero-saucer small{font-size:11px}.hero-planet-one{width:68px;height:68px}.hero-planet-one:after{width:92px;height:18px}.space-practice-link{right:50%;transform:translate(50%)}}