/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#17352d;--green:#0b6047;--mint:#dff5e8;--cream:#fffaf0;--yellow:#ffd166;--coral:#ff6b78}.level-menu{position:relative}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Trebuchet MS,Avenir Next,Arial,sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #68a8ff}.topbar{z-index:20;background:#fffaf0f5;border-bottom:1px solid #e8e1d2;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,72px);display:flex;position:relative}.brand{letter-spacing:.13em;color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;font-weight:900;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:50% 50% 45% 48%;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:23px;display:grid;transform:rotate(-6deg)}.top-actions{color:#516861;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.status-dot{background:#b6b9b5;border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.online{background:#32b572;box-shadow:0 0 0 4px #d9f4e4}.utility-button{color:var(--green);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d5dcd7;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:11px;font-weight:900;transition:all .15s;display:flex;box-shadow:0 3px 8px #1846370f}.utility-button:hover{background:#e7f7ef;border-color:#8ebcab;transform:translateY(-1px)}.utility-button:active{transform:translateY(1px)}.sound-symbol{font-size:17px;line-height:1}.fullscreen-symbol{flex:0 0 17px;width:17px;height:17px;display:block;position:relative}.fullscreen-symbol i{border-style:solid;border-color:currentColor;width:6px;height:6px;position:absolute}.fullscreen-symbol i:first-child{border-width:2px 0 0 2px;top:0;left:0}.fullscreen-symbol i:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.fullscreen-symbol i:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.fullscreen-symbol i:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.fullscreen-symbol.exit i:first-child{top:3px;left:3px;transform:rotate(180deg)}.fullscreen-symbol.exit i:nth-child(2){top:3px;right:3px;transform:rotate(180deg)}.fullscreen-symbol.exit i:nth-child(3){bottom:3px;left:3px;transform:rotate(180deg)}.fullscreen-symbol.exit i:nth-child(4){bottom:3px;right:3px;transform:rotate(180deg)}.welcome{background:#e6f7ed;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;height:calc(100dvh - 76px);min-height:640px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:3;text-align:center;flex-direction:column;grid-area:1/1;align-self:center;align-items:center;width:min(1040px,90vw);margin:auto;padding:clamp(24px,4vh,46px) 28px 22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#d25860;margin:0 0 20px;font-size:12px;font-weight:900}h1{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(48px,5.4vw,76px);font-weight:600;line-height:.94}h1 em{color:var(--green);font-weight:400}.lede{color:#49635a;max-width:700px;margin:18px 0;font-size:clamp(16px,1.35vw,20px);line-height:1.45}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.setup-controller-button{color:#3e6659;cursor:pointer;background:#ffffffe0;border:1px solid #abcbbf;border-radius:999px;margin:0 0 16px;padding:9px 16px;font-size:11px;font-weight:900;display:block}.level-choice{text-align:left;color:#17352d;cursor:pointer;border:5px solid #fff;border-radius:32px;grid-template-columns:78px 1fr auto;align-items:center;gap:18px;min-height:150px;padding:20px 22px;transition:all .18s;display:grid;box-shadow:0 12px #27675026,0 22px 42px #265b4521}.level-choice:hover{transform:translateY(-5px)scale(1.01)}.level-one-choice{background:#71dcc8}.level-two-choice{background:#ffd76f}.level-choice-icon{background:#fff;border-radius:24px;place-items:center;width:74px;height:74px;font-size:42px;font-weight:900;display:grid;box-shadow:inset 0 -6px #114a381a}.level-choice-copy{flex-direction:column;display:flex}.level-choice-copy small{letter-spacing:.16em;color:#315d50;font-size:11px;font-weight:900}.level-choice-copy strong{margin:5px 0;font-family:Georgia,serif;font-size:clamp(25px,2.25vw,34px);line-height:1.05}.level-choice-copy em{color:#3e6257;font-size:13px;font-style:normal;font-weight:800}.level-choice>b{color:#fff;letter-spacing:.08em;background:#0b6047;border-radius:999px;padding:10px 13px;font-size:10px}.creator-note{color:#5d6f69;background:#ffffffb3;border-left:4px solid #ffb84d;border-radius:0 12px 12px 0;max-width:720px;margin:12px 0 0;padding:8px 13px;font-size:10px;line-height:1.4}.creator-note strong{color:#0b6047}.controller-selected{outline-offset:5px!important;outline:7px solid #ff704f!important;transform:translateY(-4px)scale(1.025)!important;box-shadow:0 10px #a9431e2e,0 18px 35px #1c4c382e!important}.controller-nav-help{color:#315d50;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:11px;font-weight:900;display:flex}.controller-nav-help b{color:#fff;background:#0b6047;border-radius:8px;place-items:center;min-width:27px;height:24px;padding:0 6px;font-size:10px;display:inline-grid}.menu-help{justify-content:center;margin-top:28px}.primary,.secondary{cursor:pointer;border:0;border-radius:999px;padding:16px 25px;font-weight:900;transition:all .18s}.primary{color:#fff;background:var(--green);box-shadow:0 8px 20px #0b60472e}.primary:hover{background:#084d39;transform:translateY(-2px)}.primary span{margin-left:18px}.primary.small{align-self:flex-end;padding:13px 20px}.primary:disabled{opacity:.4;cursor:not-allowed}.secondary{color:var(--green);background:#fff;border:1px solid #d5ddda}.secondary:hover{border-color:var(--green);transform:translateY(-2px)}.keyboard-link,.back-link{color:#64746f;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:22px;font-size:13px;text-decoration:underline;display:block}.level-two-button{background:#fff1b8;border-color:#ead278}.level-menu{text-align:center;background:linear-gradient(145deg,#fff6d7 0%,#dff6e8 100%);height:calc(100dvh - 76px);min-height:620px;padding:clamp(30px,5vh,55px) clamp(24px,7vw,100px);overflow:hidden}.level-menu h2 em{color:#0b6047;font-weight:400}.activity-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:28px auto 0;display:grid}.activity-grid button{text-align:center;cursor:pointer;background:#ff95a3;border:5px solid #fff;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:34px 26px;transition:all .2s;display:flex;position:relative;box-shadow:0 12px #294c3a1f,0 22px 38px #294c3a21}.activity-grid button:nth-child(2){background:#ffd56e}.activity-grid button:nth-child(3){background:#72d9bd}.activity-grid button:hover{transform:translateY(-6px)scale(1.015)}.activity-grid button>b{color:#fff;background:#0b6047;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:grid;position:absolute;top:18px;left:18px}.activity-icon{color:#fff;text-shadow:0 4px #4f242e26;font-size:80px;line-height:1.1}.activity-grid button:nth-child(2) .activity-icon,.activity-grid button:nth-child(3) .activity-icon{color:#fff}.activity-grid strong{margin:15px 0 9px;font-family:Georgia,serif;font-size:30px}.activity-grid small{color:#315d50;font-size:14px;font-weight:800;line-height:1.45}.hero-art{z-index:0;background:#dff5ea;grid-area:1/1;min-height:0;position:relative;overflow:hidden}.hero-art:after{content:"";z-index:1;background:radial-gradient(circle at 50% 42%,#fffaf0f5 0 36%,#fffaf0b8 58%,#dff5ea2e 82%);position:absolute;inset:0}.sun{background:var(--yellow);border-radius:50%;width:105px;height:105px;position:absolute;top:12%;right:15%;box-shadow:0 0 0 18px #ffd16624}.cloud{opacity:.85;background:#fff;border-radius:40px;width:105px;height:35px;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:56px;height:56px;bottom:0;right:12px}.cloud-one{top:15%;left:9%;transform:scale(.7)}.cloud-two{opacity:.6;top:28%;right:5%;transform:scale(.45)}.hill{border-radius:50% 50% 0 0;position:absolute}.hill-back{background:#b7dfbd;width:120%;height:45%;bottom:0;left:-20%;transform:rotate(4deg)}.hill-front{background:#79be8a;width:125%;height:31%;bottom:-2%;left:5%;transform:rotate(-6deg)}.flower{color:#fff;z-index:2;text-shadow:0 3px #5ea26d;font-size:35px;position:absolute}.f1{bottom:12%;left:14%}.f2{font-size:24px;bottom:21%;right:12%}.f3{color:#fff1a6;font-size:27px;bottom:8%;right:38%}.arcade{z-index:2;transform-origin:0 100%;background:#265f55;border-radius:34px 34px 24px 24px;width:280px;height:128px;position:absolute;bottom:10%;left:4%;transform:scale(.82)rotate(2deg);box-shadow:0 15px #17473e,0 28px 30px #315e4b4d}.stick{transform-origin:bottom;background:#173d37;border-radius:12px;width:21px;height:76px;position:absolute;top:-52px;left:60px;transform:rotate(-10deg)}.stick span{background:#ffcb49;border-radius:50%;width:54px;height:54px;position:absolute;top:-20px;left:-17px;box-shadow:inset -5px -6px #e2a926}.arcade-buttons{grid-template-columns:repeat(2,47px);gap:13px 17px;display:grid;position:absolute;top:29px;right:34px;transform:rotate(-8deg)}.arcade-buttons i{background:#f67;border-radius:50%;width:47px;height:35px;box-shadow:0 7px #b33c4e}.arcade-buttons i:nth-child(2){background:#5ed5bf;box-shadow:0 7px #309883}.arcade-buttons i:nth-child(3){background:#6d8fff;box-shadow:0 7px #3f5fbf}.arcade-buttons i:nth-child(4){background:#ffd15e;box-shadow:0 7px #bc8e25}.buddy{z-index:5;filter:drop-shadow(0 14px 10px #2350372e);width:125px;height:155px;position:absolute}.buddy.big{bottom:14%;right:6%;transform:scale(1.05)rotate(4deg)}.buddy .body{background:#ff846e;border-radius:48% 52% 35% 35%;width:100px;height:85px;position:absolute;bottom:0;left:13px}.buddy .face{z-index:2;background:#ffe0bc;border:8px solid #f37a65;border-radius:48% 48% 44% 44%;width:112px;height:100px;position:absolute;top:13px;left:6px}.buddy .face i{background:#17352d;border-radius:50%;width:9px;height:13px;position:absolute;top:37px;left:29px}.buddy .face i:nth-child(2){left:59px}.buddy .face .smile{border:0;border-bottom:4px solid #17352d;border-radius:0 0 50% 50%;width:30px;height:18px;display:block;position:absolute;top:52px;left:33px;transform:rotate(-3deg)}.ear{z-index:1;background:#f37a65;border-radius:60% 60% 20% 20%;width:48px;height:60px;position:absolute;top:0}.ear.left{left:1px;transform:rotate(-24deg)}.ear.right{right:0;transform:rotate(24deg)}.how-strip{color:#fff;z-index:10;background:#0d5a45;grid-column:1;justify-content:center;align-items:center;gap:clamp(25px,8vw,120px);height:82px;padding:12px 30px;display:flex}.how-strip>div{align-items:center;gap:15px;display:flex}.how-strip b{color:#ffdc75;border:1px solid #73a997;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.how-strip span{flex-direction:column;display:flex}.how-strip strong{font-family:Georgia,serif;font-size:17px}.how-strip small{color:#afd2c7;margin-top:3px}.setup{max-width:1220px;margin:auto;padding:55px 30px 70px}.setup-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;display:flex}h2{letter-spacing:-.04em;margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(40px,5vw,62px)}.setup-heading p:last-child{color:#64736f;max-width:700px;margin:0;line-height:1.6}.setup-grid{grid-template-columns:.82fr 1.65fr;align-items:stretch;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e3ded3;border-radius:22px;padding:26px;box-shadow:0 10px 30px #2841350d}.connection-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.connection-icon{color:#a5a9a2;background:#f2eee5;border-radius:50%;place-items:center;width:80px;height:80px;font-size:36px;display:grid}.connection-icon.connected{color:#16875f;background:#dff5e8}.panel h3{margin:18px 0 8px;font-family:Georgia,serif;font-size:24px}.connection-panel p{color:#71807b;word-break:break-word;max-width:330px;font-size:13px;line-height:1.55}.device-details{color:#49625a;background:#f3f8f5;border-radius:12px;flex-direction:column;gap:5px;padding:11px 18px;font-size:12px;display:flex}.controller-picker{border-top:1px solid #e8eee9;flex-direction:column;align-items:center;gap:7px;width:100%;margin-top:16px;padding-top:15px;display:flex}.controller-picker>strong{font-size:13px}.controller-picker>small{color:#74827d;max-width:300px;font-size:10px;line-height:1.35}.controller-picker>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.controller-picker button{color:#45665b;cursor:pointer;background:#f5f8f6;border:1px solid #cbd8d2;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 11px;font-size:10px;font-weight:900;display:flex}.controller-picker button small{opacity:.72;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:8px;font-weight:700;overflow:hidden}.controller-picker button.selected{color:#fff;background:#0b6047;border-color:#0b6047;box-shadow:0 0 0 3px #c8eee0}.panel-title{border-bottom:1px solid #eee9df;justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.panel-title h3{margin:0}.panel-title span{color:#85918d;font-size:12px}.input-row{align-items:center;gap:28px;padding:25px 0;display:flex}.axis-pad{background:#eff5f2;border:1px solid #d5e0db;border-radius:50%;flex:none;place-items:center;width:145px;height:145px;display:grid;position:relative}.crosshair:before,.crosshair:after{content:"";background:#ccdad4;height:1px;position:absolute;top:50%;left:15%;right:15%}.crosshair:after{width:1px;height:auto;top:15%;bottom:15%;left:50%}.axis-dot{z-index:2;background:#ff6b78;border-radius:50%;width:30px;height:30px;transition:transform 40ms linear;position:relative;box-shadow:0 4px 9px #b83b4d4d}.axis-values{flex:1;gap:15px;display:grid}.axis-values label{color:#667873;grid-template-columns:1fr auto;gap:5px;font-size:12px;display:grid}.axis-values strong{color:var(--ink)}.axis-values meter,.axis-values input{width:100%;accent-color:var(--green);grid-column:1/3;height:9px}.button-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.button-chip{background:#f4f4f0;border:1px solid #e4e2db;border-radius:12px;place-items:center;gap:2px;padding:9px 6px;transition:all 80ms;display:grid}.button-chip i{color:#6b7773;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-style:normal;display:grid}.button-chip span{font-size:11px;font-weight:900}.button-chip b{color:#a3aaa7;font-size:9px}.button-chip.pressed{background:#ffdb70;border-color:#e5b93a;transform:translateY(-3px);box-shadow:0 4px #c69f2d}.layout-setting{border-top:1px solid #eee9df;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding-top:16px;display:flex}.layout-setting+.layout-setting{margin-top:10px;padding-top:10px}.layout-setting>span{color:#566d65;font-size:12px;font-weight:900}.layout-setting>div{gap:7px;display:flex}.layout-setting button{color:#66766f;cursor:pointer;background:#f5f7f6;border:1px solid #d7dfdb;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900}.layout-setting button.selected{color:#fff;background:#0b6047;border-color:#0b6047}.auto-detect-note{color:#77857f;margin-top:10px;font-size:10px;line-height:1.4;display:block}.calibrate-panel{grid-column:1/3;grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;display:grid}.calibrate-panel .panel-title{grid-column:1/3}.cal-progress{gap:12px;display:flex}.cal-progress:before{content:"";background:#dce3df;height:2px;position:absolute}.cal-progress span{color:#8f9995;z-index:1;background:#e9ece9;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.cal-progress span.current{color:#76590a;background:#ffd363}.cal-progress span.done{color:#fff;background:#1e8c65}.direction-prompt{flex-direction:column;display:flex}.direction-prompt strong{font-family:Georgia,serif;font-size:25px}.direction-prompt small{color:#77847f;margin-top:5px}.wide{justify-self:end}.cal-complete{align-items:center;gap:10px;display:flex}.cal-complete b{color:#fff;background:#1e8c65;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.cal-complete span{color:#72807b;font-size:13px}.play-screen{background:#dff5ea;flex-direction:column;height:calc(100dvh - 76px);min-height:520px;display:flex;overflow:hidden}.play-sky{flex:1;min-height:0;position:relative;overflow:hidden}.learning-mode{background:linear-gradient(145deg,#e7f8ef,#fff4d1)}.learning-mode .play-sky{min-height:0}.learning-mode .level2-card{justify-content:center;width:min(720px,86vw);min-height:min(520px,72vh);padding:clamp(32px,5vh,54px) clamp(42px,6vw,72px);top:50%;transform:translate(-50%,-50%)}.learning-mode .target-glyph{min-height:130px;margin:18px 0 14px;font-size:clamp(96px,12vh,132px);line-height:1}.learning-mode .target-glyph.flower{z-index:auto;min-height:142px;margin:18px 0;padding-bottom:8px;line-height:1;position:static}.learning-mode .level2-card strong{font-size:clamp(31px,4vh,40px)}.learning-mode .grownup{top:16px;left:auto;right:16px}.learning-shapes i{color:#3287621a;z-index:0;font-size:110px;font-style:normal;position:absolute}.learning-shapes i:first-child{top:18%;left:10%;transform:rotate(-12deg)}.learning-shapes i:nth-child(2){font-size:145px;top:15%;right:9%}.learning-shapes i:nth-child(3){color:#ff64761c;bottom:12%;left:13%}.learning-shapes i:nth-child(4){color:#7b61ff1c;bottom:12%;right:14%}.play-sun{top:9%;right:8%}.pcloud-one{top:14%;left:8%}.pcloud-two{top:30%;right:24%;transform:scale(.6)}.play-instruction{z-index:10;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffffe0;border:1px solid #fff;border-radius:18px;padding:13px 32px;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #22503c14}.play-instruction strong{font-family:Georgia,serif;font-size:20px;display:block}.play-instruction span{color:#667a72;font-size:12px}.level2-card{z-index:11;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:2px solid #fff;border-radius:25px;flex-direction:column;align-items:center;width:min(390px,88vw);padding:16px 28px 18px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #22503c21}.level2-card.success{background:#d8f8e6;border-color:#42bd7e;animation:.32s ease-out successCard;box-shadow:0 0 0 10px #42bd7e3d,0 18px 48px #10704640}.level-badge{letter-spacing:.13em;color:#507168;font-size:10px;font-weight:900}.target-glyph{text-shadow:0 3px #fff;justify-content:center;align-items:center;min-height:66px;margin:5px 0 2px;font-size:56px;line-height:1.2;animation:.38s ease-out targetArrive;display:flex}.target-glyph.flower{min-height:78px;margin:0 0 5px;line-height:1.45}.level2-card strong{font-family:Georgia,serif;font-size:23px}.target-prompt{animation:.38s ease-out promptArrive}.level2-card.success .target-prompt{color:#087348}.level2-card>span:not(.level-badge):not(.target-glyph){color:#697b75;margin-top:4px;font-size:12px}.level2-card button{color:#fff;cursor:pointer;background:#0d5a45;border:0;border-radius:999px;margin-top:10px;padding:8px 15px;font-size:12px;font-weight:900}.level2-card small{color:#c4565e;margin-top:8px;font-weight:800}@keyframes successCard{0%{transform:translate(-50%,-50%)scale(.96)}}@keyframes targetArrive{0%{opacity:0;transform:scale(.55)rotate(-8deg)}60%{transform:scale(1.12)rotate(3deg)}}@keyframes promptArrive{0%{opacity:0;transform:translateY(12px)}}.controller-hint{margin-top:13px;display:grid;transform:rotate(-5deg)}.controller-hint i{color:#17352d;background:#dfe5e2;border-radius:50%;place-items:center;width:36px;height:30px;font-size:10px;font-style:normal;font-weight:900;display:grid}.controller-hint i.empty{visibility:hidden}.controller-hint i.button-0{background:#5ed5bf}.controller-hint i.button-1{background:#ff7887}.controller-hint i.button-2{background:#7c98f2}.controller-hint i.button-3{background:#ffd15e}.arcade-layout{background:#285f55;border-radius:17px;grid-template-rows:repeat(2,30px);grid-template-columns:repeat(4,36px);gap:8px 10px;padding:13px 17px;box-shadow:0 7px #16463c}.diamond-layout{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,36px);gap:4px}.diamond-layout i:first-child{grid-area:1/2}.diamond-layout i:nth-child(2){grid-area:2/1}.diamond-layout i:nth-child(3){grid-area:2/3}.diamond-layout i:nth-child(4){grid-area:3/2}.controller-hint i.hint-pulse{animation:.75s ease-in-out infinite hintPulse;box-shadow:0 0 0 4px #fff,0 0 0 8px #0b6047}.hint-away{color:#18845f!important}@keyframes hintPulse{50%{transform:scale(1.18)}}.game1-hint{margin-top:16px}.pressed-feedback{z-index:13;color:#fff;text-align:center;background:#0d5a45;border:5px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:155px;min-height:178px;animation:.18s ease-out pressedPop;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%);box-shadow:0 15px 35px #194c3b40}.pressed-feedback small{letter-spacing:.14em;font-size:9px;font-weight:900}.pressed-feedback b{color:#17352d;background:#5ed5bf;border-radius:50%;place-items:center;width:52px;height:52px;margin:7px 0 5px;font-size:22px;display:grid;box-shadow:0 0 0 5px #ffffff4d}.pressed-feedback.button-1 b{background:#ff7887}.pressed-feedback.button-2 b{background:#7c98f2}.pressed-feedback.button-3 b{background:#ffd15e}.pressed-feedback strong{font-family:Georgia,serif;font-size:18px}.pressed-feedback>span{color:#fff3a4;margin-top:5px;font-size:34px;line-height:1}@keyframes pressedPop{0%{opacity:0;transform:translateY(-50%)scale(.75)}}.learning-mode .explore-card{width:min(760px,88vw);min-height:min(560px,76vh);padding:30px 42px 34px}.learning-mode .burst{z-index:12}.explore-card>strong{margin-top:8px;font-size:32px}.explore-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 19px;width:100%;margin-top:24px;display:grid}.explore-button{color:#17352d;background:#edf2f0;border:4px solid #ffffffbf;border-radius:22px;grid-template-rows:1fr 1fr;grid-template-columns:68px 1fr;align-items:center;min-height:128px;padding:12px 20px;transition:all .12s;display:grid;position:relative;box-shadow:0 7px #c9d5d0}.explore-button>b{background:#5ed5bf;border-radius:50%;grid-row:1/3;place-items:center;width:60px;height:60px;font-size:22px;display:grid;box-shadow:inset 0 -4px #0000001f}.explore-button.button-1>b{background:#ff7887}.explore-button.button-2>b{background:#7c98f2}.explore-button.button-3>b{background:#ffd15e}.explore-button i{color:#ff8a59;align-self:end;font-size:58px;font-style:normal;line-height:.9}.explore-button strong{align-self:start;font-family:Arial,sans-serif;font-size:15px}.explore-button.pressed{z-index:2;background:#fff8c7;border-color:#fff36b;transform:scale(1.08);box-shadow:0 0 0 7px #ffd94f,0 10px 25px #1d5d4540}.explore-card>small{color:#167b5a!important;margin-top:20px!important}.move-banner{z-index:12;text-align:center;background:#fffffff0;border-radius:18px;width:min(560px,85vw);padding:12px 24px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 9px 25px #22503c1a}.move-banner span,.move-banner strong,.move-banner small{display:block}.move-banner strong{margin:3px 0;font-family:Georgia,serif;font-size:18px}.move-banner small{color:#647972}.move-mode .player{z-index:5;transform:translate(-50%,-50%)scale(.72)}.magic-station{z-index:9;color:#fff;text-align:center;background:#164a39e0;border:4px dashed #ffffffe6;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:142px;min-height:112px;transition:all .35s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #fff3,0 12px 28px #1840303d}.magic-station>span{color:#c7d5d0;font-size:42px;line-height:1}.magic-station strong{margin-top:4px;font-size:13px}.magic-station small{color:#fff2a6;margin-top:5px;font-size:11px;font-weight:900}.magic-station.clue{border-color:#ffd34f;animation:.7s ease-in-out infinite alternate cluePulse;box-shadow:0 0 0 12px #ffd34f47,0 0 30px #ffd34f}.magic-station.activated{color:#145d47;background:#fff7cb;border-style:solid;border-color:#ffd45e;transform:translate(-50%,-50%)scale(1.08)}.magic-station.activated>span{color:#ff8d67;animation:.7s ease-in-out infinite alternate stationCelebrate}.magic-station.activated small{color:#5f776f}@keyframes stationCelebrate{to{transform:translateY(-5px)rotate(6deg)}}@keyframes cluePulse{to{transform:translate(-50%,-50%)scale(1.07)}}.magic-station.nearby:not(.activated){background:#075f4b;border-style:solid;border-color:#64f2d0;transform:translate(-50%,-50%)scale(1.13);box-shadow:0 0 0 14px #64f2d052,0 0 38px #35ffcfcc,0 15px 30px #18403047}.magic-station.nearby:not(.activated) small{color:#fff39b;font-size:12px}.station-button-hint{pointer-events:none;background:#285f55;border-radius:9px;padding:5px 6px;animation:.18s ease-out stationHintPop;display:grid;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 3px #16463c,0 6px 12px #14413638}.station-button-hint.arcade{grid-template-rows:repeat(2,16px);grid-template-columns:repeat(4,18px);gap:3px}.station-button-hint.diamond{grid-template-rows:repeat(3,16px);grid-template-columns:repeat(3,18px);gap:1px}.station-button-hint i{color:#17352d;background:#dfe5e2;border-radius:50%;place-items:center;width:18px;height:16px;font-size:6px;font-style:normal;font-weight:900;display:grid}.station-button-hint i.button-0{background:#5ed5bf}.station-button-hint i.button-1{background:#ff7887}.station-button-hint i.button-2{background:#7c98f2}.station-button-hint i.button-3{background:#ffd15e}.station-button-hint.diamond i:first-child{grid-area:1/2}.station-button-hint.diamond i:nth-child(2){grid-area:2/1}.station-button-hint.diamond i:nth-child(3){grid-area:2/3}.station-button-hint.diamond i:nth-child(4){grid-area:3/2}.station-button-hint i.correct{z-index:2;animation:.75s ease-in-out infinite stationHintPulse;box-shadow:0 0 0 2px #fff,0 0 0 4px #ffd447}@keyframes stationHintPulse{50%{transform:scale(1.22)}}@keyframes stationHintPop{0%{opacity:0;transform:translate(-50%)translateY(-5px)scale(.82)}}.grownup{z-index:12;color:#47695e;cursor:pointer;background:#ffffffb8;border:1px solid #b9d4c8;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;position:absolute;top:25px;left:25px}.level-back{z-index:14;color:#0b6047;cursor:pointer;background:#fffffff0;border:1px solid #b9d4c8;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;position:absolute;top:16px;left:16px;box-shadow:0 5px 15px #23503714}.level-back small{letter-spacing:.08em;border:1px solid #bdd0c9;border-radius:5px;margin-left:8px;padding:2px 5px;font-size:8px}.level-back+.grownup{left:auto;right:25px}.move-mode .play-sky{border-left:1px solid #0b604714;border-right:1px solid #0b604714;align-self:center;width:100%;max-width:1500px}.hill-play-back{background:#b7dfbd;width:130%;height:48%;bottom:-4%;left:-15%;transform:rotate(2deg)}.hill-play-front{background:#74bd88;width:130%;height:30%;bottom:-6%;left:4%;transform:rotate(-3deg)}.player{will-change:left,top;transform:translate(-50%,-50%)}.burst{z-index:8;pointer-events:none;text-shadow:0 3px #fff;font-size:42px;animation:1.1s ease-out forwards burst;position:absolute}.burst.bubble{font-size:55px}.burst.note{font-size:35px}.burst.flower{font-size:32px}.burst.heart{font-size:38px}.burst.sparkle{font-size:48px}.burst.rainbow{font-size:52px}.burst.confetti{font-size:25px}@keyframes burst{0%{opacity:0;transform:translate(-50%,-20%)scale(.2)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-180%)scale(1.35)rotate(35deg)}}.ground-flowers{color:#fff4aa;letter-spacing:3vw;z-index:4;text-shadow:0 3px #519a65;font-size:31px;position:absolute;bottom:7%;left:8%;right:8%}.play-footer{color:#fff;z-index:20;background:#0d5a45;justify-content:space-between;align-items:center;min-height:55px;padding:8px 28px;font-size:12px;display:flex}.play-footer span{align-items:center;gap:9px;display:flex}.play-footer button{color:#d9eee7;cursor:pointer;background:0 0;border:1px solid #73a997;border-radius:999px;padding:7px 13px}@media (width<=850px){.welcome{grid-template-rows:minmax(690px,auto) auto;grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 76px)}.hero-copy{grid-row:1;width:min(680px,94vw);padding:38px 24px}.hero-art{grid-row:1;min-height:690px}.hero-actions{grid-template-columns:1fr;max-width:600px}.level-choice{min-height:128px}.how-strip{grid-area:2/1;gap:25px}.how-strip small{display:none}.setup-grid{grid-template-columns:1fr}.calibrate-panel{grid-column:1;grid-template-columns:1fr}.calibrate-panel .panel-title{grid-column:1}.button-grid{grid-template-columns:repeat(4,1fr)}.setup-heading{flex-direction:column;align-items:flex-start}.status-text{display:none}.activity-grid{grid-template-columns:1fr;max-width:560px}.activity-grid button{min-height:220px}.level-menu{height:auto;overflow:visible}.magic-station{width:108px;min-height:88px}}@media (width<=560px){.topbar{padding-left:10px!important;padding-right:10px!important}.brand>span:last-child{display:none}.top-actions{gap:5px}.utility-button{padding-left:9px;padding-right:9px;font-size:10px}.topbar{height:64px;padding:0 16px}.brand{letter-spacing:.08em;font-size:11px}.welcome{grid-template-rows:minmax(760px,auto) auto;min-height:calc(100vh - 64px)}.hero-copy{width:96vw;padding:30px 16px}.hero-art{min-height:760px}.hero-copy h1{font-size:44px}.lede{margin:14px 0;font-size:15px}.level-choice{grid-template-columns:58px 1fr;gap:13px;min-height:122px;padding:16px}.level-choice-icon{border-radius:18px;width:56px;height:56px;font-size:31px}.level-choice-copy strong{font-size:23px}.level-choice-copy em{font-size:11px}.level-choice>b{grid-column:1/3;justify-self:center;padding:7px 11px}.arcade{transform-origin:0 100%;bottom:4%;left:1%;transform:scale(.58)}.buddy.big{bottom:8%;right:2%;transform:scale(.7)}.creator-note{font-size:9px}.how-strip{flex-direction:column;align-items:flex-start;height:auto;padding:22px 30px}.setup{padding:38px 18px}.input-row{flex-direction:column}.button-grid{grid-template-columns:repeat(3,1fr)}.play-instruction{white-space:normal;width:85%;top:72px}.grownup{top:16px;left:16px}.play-screen{min-height:calc(100vh - 64px)}.play-footer{padding:8px 14px}.play-footer button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=900px){.pressed-feedback{border-width:3px;border-radius:20px;width:118px;min-height:128px;top:auto;bottom:22px;right:18px;transform:none}.pressed-feedback b{width:38px;height:38px;margin:5px 0;font-size:17px}.pressed-feedback strong{font-size:14px}.pressed-feedback>span{font-size:25px}@keyframes pressedPop{0%{opacity:0;transform:scale(.75)}}}@media (width>=851px) and (height<=1050px){.hero-copy{padding-top:clamp(18px,3vh,32px);padding-bottom:16px}h1{font-size:clamp(46px,min(5vw,8vh),68px)}.eyebrow{margin-bottom:12px}.lede{margin:12px 0 14px;line-height:1.4}.setup-controller-button{margin-bottom:12px;padding:8px 14px}.creator-note{margin-top:9px;padding:7px 12px}.controller-nav-help{margin-top:10px}.how-strip{height:82px}.buddy.big{bottom:12%;transform:scale(.9)rotate(4deg)}.arcade{transform-origin:0 100%;transform:scale(.72)rotate(2deg)}.level-menu{height:calc(100dvh - 76px);min-height:520px;padding:clamp(24px,5vh,46px) clamp(24px,7vw,100px);overflow:hidden}.level-menu h2{font-size:clamp(38px,6vh,56px)}.activity-grid{margin-top:22px}.activity-grid button{min-height:clamp(190px,34vh,245px);padding:22px 20px}.activity-icon{font-size:50px}.learning-mode .level2-card{padding:20px 32px 24px}.learning-mode .target-glyph{min-height:80px;font-size:72px}.learning-mode .target-glyph.flower{min-height:90px}}@media (width>=851px) and (height<=760px){.hero-copy{align-self:center;padding-top:12px;padding-bottom:10px}h1{font-size:clamp(42px,min(4.6vw,7vh),54px);line-height:.9}.eyebrow{margin-bottom:8px;font-size:10px}.lede{margin:8px 0 10px;font-size:14px;line-height:1.3}.primary,.secondary{padding:12px 20px}.setup-controller-button{margin-bottom:9px;padding:7px 13px}.keyboard-link{margin-top:12px;font-size:11px}.level-choice{min-height:125px;padding:14px 18px}.level-choice-icon{width:62px;height:62px}.level-choice-copy strong{font-size:26px}.creator-note{margin-top:7px;padding:6px 11px;font-size:9px;line-height:1.3}.controller-nav-help{margin-top:7px}.how-strip{height:82px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}