@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fredoka Fallback;src:local("Arial");ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.00%;size-adjust:101.84%}.__className_158fa5{font-family:Fredoka,Fredoka Fallback;font-style:normal}.__variable_158fa5{--font-display:"Fredoka","Fredoka Fallback"}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:Nunito,Nunito Fallback;font-style:normal}.__variable_eef148{--font-body:"Nunito","Nunito Fallback"}

/*! 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)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--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{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed\!{position:fixed!important}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.table{display:table}.lowercase{text-transform:lowercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}}:root{--navy:#12364a;--navy-deep:#0b2838;--teal:#168778;--teal-light:#62c8b7;--sky:#a8e4ee;--blue:#3d96b5;--yellow:#ffcc4d;--yellow-soft:#ffe99e;--coral:#f56f52;--coral-dark:#ce4f39;--green:#6fc77b;--green-deep:#347c59;--cream:#fff8e7;--paper:#fffdf7;--white:#fff;--shadow:#0b2838}*{box-sizing:border-box}body,html{background:var(--cream);min-height:100%}body{color:var(--navy);font-family:var(--font-body),sans-serif;margin:0}button{color:inherit;font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid var(--white);outline-offset:4px;box-shadow:0 0 0 7px var(--navy)}h1,h2,h3,p{text-wrap:balance}h1,h2,h3{font-family:var(--font-display),sans-serif;letter-spacing:-.045em;margin:0}.game-app{isolation:isolate;background:radial-gradient(circle at 9% 18%,#ffffffad 0 4px,#0000 5px),radial-gradient(circle at 91% 28%,#ffffff80 0 5px,#0000 6px),linear-gradient(#aee4ed,#d9f1df 58%,#fce5a3);min-height:100svh;position:relative;overflow:hidden}.game-app:after,.game-app:before{z-index:-1;content:"";pointer-events:none;border-radius:50% 50% 0 0;width:44vw;min-width:340px;height:22vw;min-height:170px;position:fixed}.game-app:before{background:#7bbb7c;bottom:-12vw;left:-12vw;transform:rotate(8deg)}.game-app:after{background:#4a986f;bottom:-13vw;right:-13vw;transform:rotate(-7deg)}.game-topbar{z-index:20;justify-content:space-between;align-items:center;gap:1rem;width:min(1280px,100% - 2rem);margin:0 auto;padding:1.2rem 0;display:flex;position:relative}.game-brand{cursor:pointer;text-align:left;font-family:var(--font-display),sans-serif;background:0 0;border:0;align-items:center;gap:.72rem;padding:0;font-size:1.05rem;font-weight:650;line-height:1;display:inline-flex}.game-brand small{font-family:var(--font-body),sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-top:.18rem;font-size:.65rem;font-weight:900;display:block}.game-brand-mark{width:2.8rem;height:2.8rem;color:var(--cream);background:var(--teal);border:3px solid var(--navy);box-shadow:3px 3px 0 var(--yellow);border-radius:50% 44% 52% 42%;place-items:center;font-size:.9rem;display:grid;transform:rotate(-5deg)}.player-tools{align-items:center;gap:.7rem;display:flex}.sound-button,.star-pill{border:2px solid var(--navy);background:#fffdf7e0;border-radius:999px;align-items:center;gap:.48rem;min-height:2.8rem;padding:.55rem .85rem;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:3px 3px #12364a38}.star-shape{color:#e79a1c;font-size:1.1rem;line-height:1}.sound-button{cursor:pointer;transition:transform .16s,box-shadow .16s}.sound-button:hover{transform:translate(2px,2px);box-shadow:1px 1px #12364a38}.sound-waves{align-items:flex-end;gap:2px;height:1rem;display:inline-flex}.sound-waves i{background:#8b999b;border-radius:999px;width:3px;height:35%;display:block}.sound-waves i:nth-child(2){height:65%}.sound-waves i:nth-child(3){height:100%}.sound-button.is-on .sound-waves i{background:var(--teal);animation:sound-pulse .9s ease-in-out infinite alternate}.sound-button.is-on .sound-waves i:nth-child(2){animation-delay:.15s}.sound-button.is-on .sound-waves i:nth-child(3){animation-delay:.3s}.complete-screen,.home-screen,.play-screen,.story-screen{z-index:1;width:min(1280px,100% - 2rem);margin:0 auto;animation:screen-in .45s cubic-bezier(.2,.8,.2,1) both;position:relative}.home-screen{padding:.5rem 0 5rem}.hero-panel{border:4px solid var(--navy-deep);min-height:620px;box-shadow:11px 13px 0 var(--yellow),15px 17px 0 var(--navy-deep);background:radial-gradient(circle at 28% 19%,#ffffff59 0 2px,#0000 3px),linear-gradient(125deg,#174b5e,#136f70 53%,#62c6a9);border-radius:2.2rem 1.1rem 2.4rem 1.35rem;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";border:3px solid var(--navy-deep);background:#6bc175;border-radius:50%;width:470px;height:300px;position:absolute;bottom:-160px;right:35%;transform:rotate(-9deg)}.hero-copy{z-index:2;color:var(--cream);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.2rem,5vw,5.4rem);display:flex}.quest-label{gap:.5rem;margin-bottom:2.2rem;display:inline-flex}.quest-label span{color:var(--navy);background:var(--yellow);border:2px solid var(--navy-deep);box-shadow:2px 2px 0 var(--navy-deep);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.48rem .72rem;font-size:.7rem;font-weight:1000}.quest-label span:nth-child(2){color:var(--cream);background:var(--coral)}.chapter-intro,.hero-eyebrow,.mission-label,.section-kicker{letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-size:.72rem;font-weight:1000}.hero-eyebrow{color:var(--yellow-soft)}.hero-copy h1{max-width:660px;font-size:clamp(3.7rem,6.8vw,7.1rem);font-weight:650;line-height:.86}.hero-copy h1 em{color:var(--yellow);transform-origin:0;font-style:normal;display:block;transform:rotate(-1deg)}.hero-intro{color:#e9f8ef;max-width:560px;margin:1.7rem 0 2rem;font-size:clamp(1rem,1.8vw,1.24rem);font-weight:700;line-height:1.6}.next-button,.primary-action,.secondary-action{cursor:pointer;border:3px solid var(--navy-deep);min-height:3.7rem;box-shadow:5px 6px 0 var(--navy-deep);font-family:var(--font-display),sans-serif;border-radius:1rem 1.45rem 1rem 1.35rem;justify-content:center;align-items:center;gap:1rem;padding:.9rem 1.25rem;font-weight:650;transition:transform .17s,box-shadow .17s;display:inline-flex}.next-button,.primary-action{color:var(--navy-deep);background:var(--yellow)}.next-button span,.primary-action span{font-size:1.35em}.next-button:hover,.primary-action:hover,.secondary-action:hover{box-shadow:2px 3px 0 var(--navy-deep);transform:translate(3px,3px)}.hero-features{color:#d8f0e4;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:2rem;font-size:.78rem;font-weight:850;display:flex}.hero-features span{align-items:center;gap:.35rem;display:inline-flex}.hero-features b{width:1.65rem;height:1.65rem;color:var(--navy);background:var(--cream);border-radius:50%;place-items:center;display:grid}.hero-character{z-index:1;min-height:620px;position:relative;overflow:hidden}.hero-character:after{z-index:-1;aspect-ratio:1;content:"";background:var(--sky);border:4px solid var(--navy-deep);border-radius:50% 45% 48% 42%;width:118%;position:absolute;bottom:-10%;right:-11%}.hero-character img{z-index:3;filter:drop-shadow(0 14px #0b283829);width:min(560px,112%);height:auto;animation:gio-arrive .68s cubic-bezier(.2,.85,.25,1) both;position:absolute;bottom:-11rem;right:clamp(-3.8rem,-2vw,-1rem)}.character-sunburst{z-index:1;aspect-ratio:1;opacity:.7;background:repeating-conic-gradient(from 6deg,var(--yellow) 0deg 10deg,transparent 10deg 23deg);border-radius:50%;width:76%;animation:slow-spin 24s linear infinite;position:absolute;top:11%;right:5%}.gio-hello{background:var(--paper);border:3px solid var(--navy-deep);box-shadow:4px 5px 0 var(--navy-deep);border-radius:1.4rem 1.4rem .4rem;padding:.8rem 1rem;font-size:1.05rem;position:absolute;top:10%;left:2%;transform:rotate(-3deg)}.gio-hello,.hero-token{z-index:5;color:var(--navy);font-family:var(--font-display),sans-serif;font-weight:650}.hero-token{border:3px solid var(--navy-deep);box-shadow:3px 4px 0 var(--navy-deep);place-items:center;display:grid;position:absolute}.token-a{background:var(--yellow);border-radius:.8rem;width:3.4rem;height:3.4rem;top:26%;right:2%;transform:rotate(11deg)}.token-star{width:3rem;height:3rem;color:var(--cream);background:var(--coral);border-radius:50%;top:41%;left:1%;transform:rotate(-9deg)}.token-book{background:var(--cream);border-radius:.5rem 1rem;width:3.8rem;height:3rem;bottom:9%;right:7%;transform:rotate(7deg)}.adventure-map{background:radial-gradient(circle at 12% 12%,#16877817 0 3px,transparent 4px),var(--paper);border:4px solid var(--navy-deep);box-shadow:10px 12px 0 var(--coral),14px 16px 0 var(--navy-deep);border-radius:1.4rem 2.4rem 1.6rem 2.2rem;margin-top:5.5rem;padding:clamp(2rem,4vw,4rem);position:relative}.map-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.map-heading h2{font-size:clamp(2.6rem,5vw,4.5rem);font-weight:650;line-height:.95}.map-heading>p{max-width:330px;margin:0;font-weight:750;line-height:1.5}.section-kicker{color:var(--teal)}.chapter-path{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);display:grid;position:relative}.chapter-path:before{top:24%}.chapter-path:after,.chapter-path:before{content:"";border-top:7px dotted var(--navy);opacity:.3;width:86%;position:absolute;left:7%}.chapter-path:after{top:76%}.chapter-card{z-index:1;cursor:pointer;text-align:left;background:var(--cream);border:3px solid var(--navy-deep);min-height:360px;box-shadow:6px 7px 0 var(--navy-deep);border-radius:1.7rem 1rem 1.8rem 1.2rem;flex-direction:column;grid-column:span 2;align-items:flex-start;padding:1.2rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.chapter-card:not(:disabled):hover{box-shadow:3px 4px 0 var(--navy-deep);transform:translateY(-5px)rotate(-.5deg)}.chapter-card:disabled{cursor:default}.chapter-1{background:linear-gradient(160deg,#fff4ba,#ffd365);transform:rotate(-1deg)}.chapter-2{background:linear-gradient(160deg,#c5edf2,#70c8d4);transform:translateY(1.4rem)rotate(.8deg)}.chapter-3{background:linear-gradient(160deg,#ffe0d6,#f5a187);transform:rotate(-.6deg)}.chapter-4{background:linear-gradient(160deg,#dcf4bf,#77c98c);transform:translateY(1.2rem)rotate(.7deg)}.chapter-5{background:linear-gradient(160deg,#e1eef1,#88aebc);transform:rotate(-.8deg)}.chapter-6{background:linear-gradient(160deg,#d3f3ef,#5db9bb);transform:translateY(1rem)rotate(.7deg)}.chapter-7{background:linear-gradient(160deg,#fff0b6,#78c77f);grid-column:2/span 2;transform:rotate(-.7deg)}.chapter-8{background:linear-gradient(160deg,#ffe0b7,#e58a68);grid-column:4/span 2;transform:translateY(1rem)rotate(.8deg)}.chapter-number,.chapter-status{border:2px solid var(--navy-deep);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;border-radius:999px;align-items:center;padding:.42rem .65rem;font-size:.67rem;font-weight:1000;display:inline-flex}.chapter-marker{width:6rem;height:6rem;color:var(--cream);background:var(--teal);border:3px solid var(--navy-deep);font-family:var(--font-display),sans-serif;border-radius:50% 42% 48% 45%;align-self:center;place-items:center;margin:1.3rem 0 1.1rem;font-size:1.75rem;font-weight:650;display:grid;transform:rotate(-4deg);box-shadow:5px 6px #12364a38}.chapter-2 .chapter-marker{background:var(--blue);transform:rotate(4deg)}.chapter-3 .chapter-marker{background:var(--coral-dark);font-size:1.1rem}.chapter-4 .chapter-marker{background:var(--green);font-size:1.15rem;transform:rotate(3deg)}.chapter-5 .chapter-marker{background:var(--navy);font-size:1.15rem;transform:rotate(-3deg)}.chapter-6 .chapter-marker{background:var(--blue);transform:rotate(4deg)}.chapter-7 .chapter-marker{background:var(--coral-dark);font-size:1.15rem;transform:rotate(-4deg)}.chapter-8 .chapter-marker{background:var(--teal);font-size:1.05rem;transform:rotate(4deg)}.chapter-place{color:#12364ab8;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:1000}.chapter-card>strong{font-family:var(--font-display),sans-serif;letter-spacing:-.04em;margin:.25rem 0 .35rem;font-size:clamp(1.65rem,2.5vw,2.3rem);line-height:.95}.chapter-skill{font-size:.85rem;font-weight:900}.chapter-description{margin:.8rem 0 1.2rem;font-size:.82rem;font-weight:650;line-height:1.45}.chapter-status{color:var(--cream);background:var(--navy);margin-top:auto}.chapter-1 .chapter-status{color:var(--navy);background:var(--paper)}.complete-screen,.play-screen,.story-screen{padding:1rem 0 4rem}.text-back{cursor:pointer;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);background:#fffdf7d9;border-radius:999px;align-items:center;gap:.6rem;margin:0 0 1.3rem;padding:.65rem .9rem;font-size:.8rem;font-weight:950;transition:transform .16s,box-shadow .16s;display:inline-flex}.text-back:hover{box-shadow:1px 1px 0 var(--navy);transform:translate(2px,2px)}.story-card{background:var(--paper);border:4px solid var(--navy-deep);box-shadow:10px 12px 0 var(--teal),14px 16px 0 var(--navy-deep);border-radius:2.2rem 1.2rem 2.3rem 1.4rem;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);display:grid}.story-card,.story-character{min-height:650px;position:relative;overflow:hidden}.story-character{background:radial-gradient(circle at 30% 22%,#ffffff7a 0 4px,transparent 5px),linear-gradient(155deg,var(--sky),#61c2a2);border-right:4px solid var(--navy-deep)}.story-character:after{content:"";background:var(--green);border:4px solid var(--navy-deep);border-radius:50%;width:140%;height:42%;position:absolute;bottom:-15%;left:-20%}.story-character img{z-index:2;filter:drop-shadow(0 14px #12364a24);width:min(510px,115%);height:auto;position:absolute;bottom:-10rem;right:-9%}.story-glow{aspect-ratio:1;background:var(--yellow);border:4px solid var(--navy-deep);border-radius:50%;width:78%;position:absolute;top:11%;left:11%;box-shadow:0 0 0 16px #ffcc4d4d}.story-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.2rem,5vw,5rem);display:flex}.chapter-intro{color:var(--coral-dark)}.story-copy h1{max-width:700px;font-size:clamp(3.2rem,6vw,6rem);font-weight:650;line-height:.9}.story-lead{max-width:650px;margin:1.4rem 0 1.3rem;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:720;line-height:1.55}.story-copy blockquote{border:2px solid var(--navy);border-left:8px solid var(--teal);max-width:640px;font-family:var(--font-display),sans-serif;background:#e9f6ee;border-radius:.7rem 1.2rem .7rem 1.1rem;margin:0 0 1.4rem;padding:1rem 1.1rem 1rem 1.4rem;font-size:1rem;font-weight:550;line-height:1.45;position:relative}.story-copy cite{font-family:var(--font-body),sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-top:.45rem;font-size:.7rem;font-style:normal;font-weight:1000;display:block}.mission-card{background:var(--yellow-soft);border:2px dashed var(--navy);border-radius:1rem;grid-template-columns:auto 1fr;gap:.15rem 1rem;width:100%;max-width:640px;margin-bottom:1.7rem;padding:1rem;display:grid}.mission-label{color:var(--cream);background:var(--navy);writing-mode:vertical-rl;border-radius:.5rem;grid-row:1/span 2;align-self:center;margin:0;padding:.5rem}.mission-card strong{font-family:var(--font-display),sans-serif;font-size:1.3rem}.mission-card>span:last-child{font-size:.82rem;font-weight:700}.play-header{grid-template-columns:auto minmax(180px,520px) auto;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:grid}.play-header .text-back{margin:0}.round-progress{width:100%}.round-copy{letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;margin-bottom:.38rem;font-size:.7rem;font-weight:950;display:flex}.progress-track{border:2px solid var(--navy);background:#fffdf7bf;border-radius:999px;height:.85rem;padding:2px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--coral),var(--yellow));border-radius:inherit;height:100%;transition:width .35s;display:block}.session-stars{background:var(--yellow);border:2px solid var(--navy);min-width:3.4rem;box-shadow:3px 3px 0 var(--navy);border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .75rem;font-weight:1000;display:inline-flex}.game-board{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:1.3rem;min-height:660px;display:grid}.gio-coach{border:4px solid var(--navy-deep);box-shadow:7px 8px 0 var(--navy-deep);background:linear-gradient(#87d9df,#7ec980);border-radius:1.6rem 1rem 1.8rem 1.2rem;position:relative;overflow:hidden}.gio-coach:after{content:"";background:var(--green-deep);border:3px solid var(--navy-deep);border-radius:50%;width:170%;height:32%;position:absolute;bottom:-8%;right:-35%}.gio-coach img{z-index:2;width:172%;max-width:none;height:auto;position:absolute;bottom:-7rem;right:-54%}.coach-bubble{z-index:4;background:var(--paper);border:3px solid var(--navy-deep);width:calc(100% - 1.4rem);box-shadow:3px 4px 0 var(--navy-deep);font-family:var(--font-display),sans-serif;border-radius:1rem 1rem .3rem;margin:.8rem auto 0;padding:.9rem;font-size:.9rem;font-weight:560;line-height:1.35;position:relative}.coach-bubble.feedback-correct{background:#d9f6d7}.coach-bubble.feedback-wrong{background:#fff0c4}.challenge-card{text-align:center;background:radial-gradient(circle at 12% 15%,#16877814 0 3px,transparent 4px),var(--paper);border:4px solid var(--navy-deep);box-shadow:8px 10px 0 var(--teal),12px 14px 0 var(--navy-deep);border-radius:1.2rem 2.1rem 1.4rem 2rem;flex-direction:column;align-items:center;padding:clamp(1.5rem,4vw,3.4rem);display:flex}.letter-orb{aspect-ratio:1;width:clamp(5.5rem,10vw,7.5rem);color:var(--cream);background:var(--coral);border:4px solid var(--navy-deep);box-shadow:7px 8px 0 var(--yellow);font-family:var(--font-display),sans-serif;border-radius:50% 42% 53% 45%;place-items:center;margin:.2rem 0 1rem;font-size:clamp(3.3rem,7vw,5rem);font-weight:650;line-height:1;display:grid;transform:rotate(-4deg)}.challenge-card h1{max-width:760px;font-size:clamp(2.4rem,4.5vw,4.8rem);font-weight:650;line-height:.95}.listen-button{cursor:pointer;border:2px solid var(--navy);background:#e6f5f2;border-radius:999px;align-items:center;gap:.55rem;margin:1rem 0 1.5rem;padding:.6rem .85rem;font-size:.74rem;font-weight:950;display:inline-flex}.listen-button:disabled{cursor:default;opacity:.58}.listen-icon{width:1.4rem;height:1.4rem;color:var(--cream);background:var(--teal);border-radius:50%;place-items:center;font-size:.55rem;display:grid}.word-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.8vw,1.2rem);width:100%;display:grid}.word-choice{cursor:pointer;background:var(--yellow-soft);border:3px solid var(--navy-deep);min-height:175px;box-shadow:5px 6px 0 var(--navy-deep);border-radius:1rem 1.7rem 1.1rem 1.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.9rem;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.word-choice:hover:not(:disabled){box-shadow:2px 3px 0 var(--navy-deep);transform:translate(3px,3px)}.word-choice.tone-sea{background:#c6ebef}.word-choice.tone-leaf{background:#d7f0d2}.word-choice.is-correct{background:#a7e6a8;animation:correct-pop .42s both}.word-choice.is-wrong{background:#ffd8aa;animation:gentle-shake .34s both}.word-initial{width:4.3rem;height:4.3rem;color:var(--cream);background:var(--teal);border:3px solid var(--navy-deep);font-family:var(--font-display),sans-serif;border-radius:50% 44% 51% 43%;place-items:center;margin-bottom:.5rem;font-size:2.2rem;font-weight:650;display:grid;transform:rotate(-4deg)}.tone-sun .word-initial{color:var(--navy);background:var(--yellow)}.tone-sea .word-initial{background:var(--blue)}.tone-leaf .word-initial{background:var(--green-deep)}.word-choice strong{font-family:var(--font-display),sans-serif;text-transform:capitalize;font-size:clamp(1.5rem,2.5vw,2.15rem)}.choice-result{text-transform:uppercase;margin-top:.25rem;font-size:.67rem;font-weight:950}.feedback-row{border:2px dashed var(--navy);text-align:left;background:#edf6f1;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:4.6rem;margin-top:1.4rem;padding:.8rem 1rem;display:flex}.feedback-row.feedback-correct{background:#d9f5d6;border-style:solid}.feedback-row.feedback-wrong{background:#fff0c9}.feedback-row p{margin:0;font-size:.84rem;font-weight:850}.next-button{min-height:2.9rem;box-shadow:3px 4px 0 var(--navy-deep);border-width:2px;border-radius:.8rem;flex:none;padding:.6rem .85rem;font-size:.8rem}.complete-screen{background:var(--paper);border:4px solid var(--navy-deep);min-height:690px;box-shadow:10px 12px 0 var(--yellow),14px 16px 0 var(--navy-deep);border-radius:2.2rem 1.2rem 2.3rem 1.4rem;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);align-items:stretch;display:grid;overflow:hidden}.complete-character{background:linear-gradient(160deg,var(--sky),#75c77c);border-right:4px solid var(--navy-deep);min-height:690px;position:relative;overflow:hidden}.complete-character:after{content:"";background:var(--green-deep);border:4px solid var(--navy-deep);border-radius:50%;width:160%;height:34%;position:absolute;bottom:-8%;right:-30%}.complete-character img{z-index:2;width:min(520px,118%);height:auto;animation:celebration-bounce .9s both;position:absolute;bottom:-10rem;right:-9%}.complete-sun{aspect-ratio:1;background:var(--yellow);border:4px solid var(--navy-deep);border-radius:50%;width:76%;position:absolute;top:10%;left:12%;box-shadow:0 0 0 16px #ffcc4d4d}.complete-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.2rem,5vw,5rem);display:flex}.complete-copy h1{max-width:700px;font-size:clamp(3.3rem,6vw,6.2rem);font-weight:650;line-height:.88}.complete-copy>p:not(.section-kicker){max-width:620px;margin:1.3rem 0 0;font-size:1.08rem;font-weight:720;line-height:1.55}.big-stars{color:#e69818;gap:.65rem;margin:1.5rem 0 2rem;font-size:clamp(2.5rem,5vw,4.2rem);line-height:1;display:flex}.big-stars span{filter:drop-shadow(3px 4px 0 var(--navy));animation:star-land .55s both}.big-stars span:nth-child(2){animation-delay:.12s}.big-stars span:nth-child(3){animation-delay:.24s}.complete-actions{flex-wrap:wrap;gap:.8rem;display:flex}.secondary-action{background:var(--paper)}.confetti-field{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-field i{background:var(--coral);border:2px solid var(--navy);width:.7rem;height:1.2rem;animation:confetti-fall 3.8s linear infinite;position:absolute;top:-2rem}.confetti-field i:first-child{left:10%}.confetti-field i:nth-child(2){background:var(--yellow);animation-delay:.7s;left:27%}.confetti-field i:nth-child(3){background:var(--teal-light);animation-delay:1.1s;left:45%}.confetti-field i:nth-child(4){background:var(--yellow);animation-delay:.3s;left:64%}.confetti-field i:nth-child(5){background:var(--coral);animation-delay:1.5s;left:81%}.confetti-field i:nth-child(6){background:var(--green);animation-delay:2s;left:92%}.letter-orb.focus-word{aspect-ratio:auto;text-transform:lowercase;border-radius:2rem 1.1rem 2.2rem 1.3rem;width:auto;min-width:9.5rem;min-height:6.4rem;padding:.65rem 1.4rem;font-size:clamp(2.6rem,6vw,4.4rem)}.complete-screen.theme-ridge .complete-character,.story-card.theme-ridge .story-character{background:radial-gradient(circle at 30% 22%,#ffffff73 0 4px,#0000 5px),linear-gradient(155deg,#ffd978,#ef9b63)}.complete-screen.theme-ridge .complete-sun,.story-card.theme-ridge .story-glow{background:var(--sky);box-shadow:0 0 0 16px #a8e4ee52}.challenge-card.theme-ridge .letter-orb{background:var(--blue);box-shadow:7px 8px 0 var(--coral)}.complete-screen.theme-sky .complete-character,.story-card.theme-sky .story-character{background:radial-gradient(circle at 72% 18%,#ffffff8c 0 5px,#0000 6px),linear-gradient(155deg,#d9f4ff,#78bfdf)}.complete-screen.theme-sky .complete-sun,.story-card.theme-sky .story-glow{background:#ffd978;box-shadow:0 0 0 16px #ffd9784d}.challenge-card.theme-sky .letter-orb{background:#528fc2;box-shadow:7px 8px #ffd978}.complete-screen.theme-forest .complete-character,.story-card.theme-forest .story-character{background:radial-gradient(circle at 26% 24%,#fff6ac94 0 5px,#0000 6px),linear-gradient(155deg,#dff4ba,#55ad78)}.complete-screen.theme-forest .complete-sun,.story-card.theme-forest .story-glow{background:#ffd86b;box-shadow:0 0 0 16px #ffd86b4d}.challenge-card.theme-forest .letter-orb{background:#2f9465;box-shadow:7px 8px #ffd86b}.complete-screen.theme-summit .complete-character,.story-card.theme-summit .story-character{background:radial-gradient(circle at 70% 20%,#fff4b89e 0 5px,#0000 6px),linear-gradient(155deg,#e5f1f2,#789bac)}.complete-screen.theme-summit .complete-sun,.story-card.theme-summit .story-glow{background:#ffd26a;box-shadow:0 0 0 16px #ffd26a4d}.challenge-card.theme-summit .letter-orb{background:#315f76;box-shadow:7px 8px #ef9b63}.complete-screen.theme-cove .complete-character,.story-card.theme-cove .story-character{background:radial-gradient(circle at 72% 20%,#fff7bf94 0 5px,#0000 6px),linear-gradient(155deg,#dcf7f3,#42a7b0)}.complete-screen.theme-cove .complete-sun,.story-card.theme-cove .story-glow{background:#ffd66f;box-shadow:0 0 0 16px #ffd66f4d}.challenge-card.theme-cove .letter-orb{background:#167c83;box-shadow:7px 8px #f59c7c}.complete-screen.theme-valley .complete-character,.story-card.theme-valley .story-character{background:radial-gradient(circle at 28% 22%,#fffac299 0 5px,#0000 6px),linear-gradient(155deg,#f7efb3,#70b96f)}.complete-screen.theme-valley .complete-sun,.story-card.theme-valley .story-glow{background:#ffd66f;box-shadow:0 0 0 16px #ffd66f4d}.challenge-card.theme-valley .letter-orb{background:#579950;box-shadow:7px 8px #ef856d}.complete-screen.theme-village .complete-character,.story-card.theme-village .story-character{background:radial-gradient(circle at 72% 20%,#fff7bf94 0 5px,#0000 6px),linear-gradient(155deg,#ffe5b9,#dd8061)}.complete-screen.theme-village .complete-sun,.story-card.theme-village .story-glow{background:#8dd1cc;box-shadow:0 0 0 16px #8dd1cc4d}.challenge-card.theme-village .letter-orb{background:#d5674e;box-shadow:7px 8px #65b7b2}.word-choice strong{text-transform:none}@keyframes screen-in{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gio-arrive{0%{opacity:0;transform:translateY(70px)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes slow-spin{to{transform:rotate(1turn)}}@keyframes sound-pulse{to{height:55%}}@keyframes correct-pop{50%{transform:scale(1.04)rotate(-1deg)}}@keyframes gentle-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes celebration-bounce{0%{opacity:0;transform:translateY(70px)rotate(-3deg)}70%{transform:translateY(-8px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes star-land{0%{opacity:0;transform:translateY(-25px)scale(.5)rotate(-20deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes confetti-fall{to{transform:translateY(780px)rotate(480deg)}}@media (min-width:981px) and (max-width:1180px){.chapter-path{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-7,.chapter-8,.chapter-card{grid-column:auto}}@media (max-width:980px){.hero-panel{grid-template-columns:1fr}.hero-copy{padding-bottom:1rem}.hero-character{min-height:520px}.hero-character img{width:min(500px,88%);bottom:-11rem;right:50%;transform:translate(50%)}.hero-character .character-sunburst{width:72%;right:14%}.gio-hello{left:14%}.chapter-path{grid-template-columns:1fr;gap:1.5rem}.chapter-path:before{border-top:0;border-left:7px dotted var(--navy);width:0;height:86%;top:7%;left:50%}.chapter-path:after{display:none}.chapter-7,.chapter-8,.chapter-card{grid-column:auto}.chapter-2,.chapter-card{width:min(560px,100%);min-height:315px;margin:0 auto;transform:none}.complete-screen,.story-card{grid-template-columns:1fr}.complete-character,.story-character{border-right:0;border-bottom:4px solid var(--navy-deep);min-height:500px}.complete-character img,.story-character img{width:min(480px,82%);bottom:-11rem;right:50%;transform:translate(50%)}.game-board{grid-template-columns:1fr}.gio-coach{grid-template-columns:180px 1fr;align-items:center;min-height:180px;display:grid;overflow:hidden}.gio-coach img{width:230px;bottom:-7.5rem;left:-1rem;right:auto}.coach-bubble{grid-column:2;width:calc(100% - 1.6rem);margin:0 .8rem 0 0}}@media (max-width:680px){.complete-screen,.game-topbar,.home-screen,.play-screen,.story-screen{width:min(100% - 1.1rem,1280px)}.game-topbar{padding:.8rem 0}.game-brand small,.sound-button>span:last-child,.tool-label{display:none}.game-brand-mark{width:2.45rem;height:2.45rem}.sound-button,.star-pill{min-height:2.45rem;padding:.4rem .65rem}.sound-button{justify-content:center;width:2.45rem}.hero-panel{min-height:0;box-shadow:6px 7px 0 var(--yellow),9px 10px 0 var(--navy-deep);border-width:3px;border-radius:1.4rem .9rem 1.5rem 1rem}.hero-copy{padding:2rem 1.2rem .5rem}.quest-label{margin-bottom:1.5rem}.hero-copy h1{font-size:clamp(3.3rem,17vw,5rem)}.hero-intro{margin:1.25rem 0 1.5rem}.primary-action{width:100%}.hero-features{grid-template-columns:1fr 1fr;display:grid}.hero-character{min-height:410px}.hero-character img{width:min(390px,96%);bottom:-8rem}.gio-hello{font-size:.82rem;top:5%;left:4%}.token-a{top:18%}.token-star{top:40%;left:4%}.token-book{display:none}.adventure-map{box-shadow:6px 7px 0 var(--coral),9px 10px 0 var(--navy-deep);border-width:3px;margin-top:3.7rem;padding:1.5rem 1rem}.map-heading{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:2rem}.chapter-card{min-height:330px}.challenge-card,.complete-screen,.gio-coach,.story-card{border-width:3px}.story-card{box-shadow:6px 7px 0 var(--teal),9px 10px 0 var(--navy-deep)}.complete-character,.story-character{min-height:400px}.complete-character img,.story-character img{width:min(380px,96%);bottom:-8.5rem}.complete-copy,.story-copy{padding:2rem 1.15rem}.complete-copy h1,.story-copy h1{font-size:clamp(3rem,14vw,4.5rem)}.play-header{grid-template-columns:auto 1fr auto}.round-copy span:last-child{display:none}.game-board{min-height:0}.gio-coach{min-height:155px;box-shadow:5px 6px 0 var(--navy-deep);grid-template-columns:130px 1fr}.gio-coach img{width:185px;bottom:-6rem;left:-1.3rem}.challenge-card{box-shadow:5px 6px 0 var(--teal),8px 9px 0 var(--navy-deep);padding:1.5rem .8rem}.challenge-card h1{font-size:clamp(2.35rem,11vw,3.4rem)}.word-choices{grid-template-columns:1fr}.word-choice{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;min-height:105px;padding:.7rem 1rem}.word-initial{flex:none;width:3.5rem;height:3.5rem;margin:0;font-size:1.8rem}.choice-result{margin-left:auto}.feedback-row{flex-direction:column;align-items:stretch}.next-button{width:100%}.complete-screen{min-height:0;box-shadow:6px 7px 0 var(--yellow),9px 10px 0 var(--navy-deep)}.complete-actions,.complete-actions .secondary-action{width:100%}}@media (max-width:420px){.game-brand>span:last-child{font-size:.9rem}.hero-features{grid-template-columns:1fr}.quest-label span{font-size:.58rem}.hero-character{min-height:370px}.hero-character img{bottom:-7.5rem}.play-header{gap:.45rem}.play-header .text-back{padding:.55rem .65rem}.session-stars{min-width:2.8rem;padding:.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}