@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400..700&display=swap";
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.fixed{position:fixed}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-6xl{max-width:72rem}.grow{flex-grow:1}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--ink:#3d2b63;--muted:#8a80a6;--soft-text:#a59cbd;--pink:#f06aa8;--pink-dark:#e0559a;--pink-shadow:#c9478a;--pink-soft:#ffe8f3;--magic:#8a6ae6;--magic-dark:#6f50d0;--magic-soft:#f1ebff;--gold:#ffc94a;--gold-deep:#b97d0c;--gold-soft:#fff6d8;--mint:#4fb893;--line:#e8ddfa;--line-strong:#d6c5f5;--card:#fffdfb;--outline:#4b2e22}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f3ecff;margin:0;font-family:Fredoka,Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif}button{font:inherit}.app-shell{isolation:isolate;background:radial-gradient(at 8% 10%,#ffd67842,#0000 30%),radial-gradient(at 92% 14%,#f69fd242,#0000 32%),radial-gradient(at 80% 88%,#a082eb38,#0000 36%),radial-gradient(at 12% 82%,#f9aacd2e,#0000 34%),linear-gradient(#ebe2ff 0%,#f7eefe 42%,#fff6f1 100%);min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{z-index:-1;content:"";opacity:.75;pointer-events:none;background-image:radial-gradient(circle,#ffc94ad9 1.8px,#0000 2.6px),radial-gradient(circle,#fffffff2 1.6px,#0000 2.4px),radial-gradient(circle,#f06aa88c 1.5px,#0000 2.3px),radial-gradient(circle,#8a6ae673 1.4px,#0000 2.2px);background-position:12px 19px,48px 63px,87px 31px,140px 110px;background-size:127px 119px,173px 167px,211px 197px,239px 223px;animation:4.5s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.app-shell:after{z-index:-1;content:"";opacity:.85;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M66 12a40 40 0 1 0 22 62A34 34 0 1 1 66 12Z' fill='%23ffe6a1'/%3E%3Ccircle cx='58' cy='58' r='3' fill='%23f7c96a' opacity='.6'/%3E%3Ccircle cx='44' cy='72' r='2.2' fill='%23f7c96a' opacity='.6'/%3E%3C/svg%3E") right 7% top 74px/74px 74px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 160' preserveAspectRatio='xMidYMax meet'%3E%3Cpath d='M0 160V122h40V92l15-32 15 32v30h40V72l20-42 20 42v48h40v-20h20v10h20v-10h20V62l30-52 30 52v38h20v10h20v-10h20v20h50V82l20-37 20 37v38h40V97l15-27 15 27v25h70v38Z' fill='%23dccdf7'/%3E%3Cpath d='M272 120a8 8 0 0 1 16 0v20h-16Z' fill='%23c7b2f2'/%3E%3Crect x='124' y='86' width='12' height='16' rx='6' fill='%23fff2b8'/%3E%3Crect x='434' y='92' width='12' height='16' rx='6' fill='%23fff2b8'/%3E%3Crect x='274' y='72' width='12' height='16' rx='6' fill='%23fff2b8'/%3E%3C/svg%3E") bottom/min(920px,140%) no-repeat;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.45}to{opacity:.85}}.topbar{min-height:42px}.brand{color:var(--ink);letter-spacing:-.3px;align-items:center;gap:9px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.brand-logo{filter:drop-shadow(0 4px 6px #6e50be2e);width:64px;height:64px}.brand-wave{color:var(--magic)}.exam-badge{border:2px solid var(--line);color:var(--magic-dark);letter-spacing:1.25px;box-shadow:0 3px 0 var(--line);background:#fffc;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;font-weight:700;display:flex}.badge-sparkle{color:var(--gold);font-size:14px}.hamburger-button{border:2px solid var(--line);background:var(--card);width:40px;height:40px;box-shadow:0 3px 0 var(--line);color:var(--magic-dark);cursor:pointer;border-radius:14px;flex:0 0 40px;align-self:end;place-items:center;transition:border-color .14s,background .14s,transform .14s;display:grid}.hamburger-button:hover{border-color:var(--line-strong);background:var(--magic-soft);transform:translateY(-2px)}.hamburger-button>span{flex-direction:column;gap:4px;width:16px;display:flex}.hamburger-button i{background:currentColor;border-radius:2px;width:16px;height:2.5px;display:block}.mascot{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 6px 8px #5a3ca02e);flex:none;line-height:0;display:inline-block;position:relative}.mascot img{width:100%;height:auto;display:block}.wizard-hat{width:46%;height:auto;position:absolute}.mascot-ada .wizard-hat{top:-32%;right:8%;transform:rotate(16deg)}.mascot-elly .wizard-hat{top:-36%;left:5%;transform:rotate(-16deg)}.mascot-caption{width:46px;margin-top:10px}.mascot-feedback{width:50px;margin-top:12px;animation:.3s ease-out both float-in}.game-wrap{padding-top:clamp(36px,7vh,74px);padding-bottom:120px}.category-menu{padding-bottom:140px}.menu-heading{margin-bottom:27px}.menu-heading h1{margin-top:0}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.category-card{min-height:174px;box-shadow:0 5px 0 var(--card-shadow,var(--line)), 0 14px 26px #5a3ca014;color:var(--ink);cursor:pointer;text-align:left;border:2px solid #ffffffe6;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:19px 20px 16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.category-card:before{background:var(--card-shadow,var(--line));content:"";opacity:.7;width:9px;position:absolute;top:0;bottom:0;left:0}.category-card:after{color:#fffffff2;content:"✦";font-size:15px;position:absolute;top:14px;right:46px}.category-card.category-peach{--card-shadow:#f8c9b4;background:linear-gradient(160deg,#fff3ea,#ffe6d9)}.category-card.category-lilac{--card-shadow:#d6c5f5;background:linear-gradient(160deg,#f6f1ff,#ebe1ff)}.category-card.category-blue{--card-shadow:#b9dbf2;background:linear-gradient(160deg,#eef7fd,#ddeefb)}.category-card.category-green{--card-shadow:#bfe3d2;background:linear-gradient(160deg,#eefaf3,#dcf3e6)}.category-card.category-yellow{--card-shadow:#f6dd96;background:linear-gradient(160deg,#fff8df,#fff0c4)}.category-card.category-pink{--card-shadow:#f7c0d8;background:linear-gradient(160deg,#fff0f6,#ffe1ee)}.category-card:hover{box-shadow:0 8px 0 var(--card-shadow,var(--line)), 0 20px 30px #5a3ca01f;transform:translateY(-4px)rotate(-.4deg)}.category-card:active{transform:translateY(-1px)}.category-card-top,.category-card-bottom{justify-content:space-between;align-items:center;display:flex}.category-card-icon{background:#ffffffbf;border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;line-height:1;display:grid}.category-card-number{color:var(--magic-dark);letter-spacing:1px;background:#ffffffb3;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.letter-pattern{color:var(--ink);align-items:center;gap:2px;font-size:19px;font-weight:700;line-height:1;display:flex}.letter-pattern-blank{border:2px dashed var(--pink);border-radius:4px;width:12px;height:17px}.game-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-choice-card{min-height:210px}.game-choice-card .category-card-name{font-size:26px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card-icon img{width:86%;height:86%;transition:transform .15s}.category-card:hover .category-card-icon img{transform:rotate(-8deg)scale(1.08)}.category-card-name{margin-top:12px;font-size:19px;font-weight:700}.category-card-bottom{color:var(--muted);margin-top:13px;font-size:11px;font-weight:500}.category-card-arrow{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;transition:transform .15s;display:grid}.category-card:hover .category-card-arrow{transform:translate(3px)}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 13px;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:4px;display:inline-flex}.breadcrumbs li+li:before{color:var(--soft-text);content:"›";font-size:15px}.breadcrumbs a{border:2px solid var(--line);color:var(--magic-dark);background:#ffffffbf;border-radius:20px;padding:3px 11px;text-decoration:none}.breadcrumbs a:hover{border-color:var(--line-strong);background:#fff}.breadcrumbs [aria-current=page]{color:var(--muted);padding:3px 4px}.category-back{border:2px solid var(--line);color:var(--magic-dark);cursor:pointer;background:#ffffffbf;border-radius:20px;align-items:center;gap:6px;margin:0 0 13px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.category-back:hover{border-color:var(--line-strong);background:#fff}.game-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.game-heading:has(>.game-heading-crumbs){grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"crumbs crumbs crumbs""title progress tools";align-items:end;gap:0 24px;display:grid}.game-heading-crumbs{grid-area:crumbs}.game-heading-title{grid-area:title}.game-heading>.progress-card{grid-area:progress}.game-heading>.heading-progress{grid-area:tools}.eyebrow{color:var(--pink-dark);letter-spacing:2px;margin:0 0 8px;font-size:11px;font-weight:700}h1{color:var(--ink);letter-spacing:-.5px;margin:0;font-size:clamp(34px,4.4vw,48px);font-weight:700;line-height:1.07}h1 span{color:var(--magic);text-shadow:0 3px #e3d8fb}.heading-note{color:var(--muted);margin:8px 0 0;font-size:14px}.heading-progress{align-items:center;gap:20px;display:flex}.rainbow-coin-tools{flex-direction:column;align-items:center;gap:9px;display:flex}.rainbow-coin-counter{-moz-column-gap:8px;background:linear-gradient(135deg, #fffdf2, var(--gold-soft));border:2px solid #f6e2a6;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:120px;padding:8px 11px;display:grid;box-shadow:0 3px #f6e2a6}.rainbow-coin-icon{grid-row:span 2;width:32px;height:32px;display:block}.coin-count{color:var(--gold-deep);font-size:18px;font-weight:700;line-height:1}.coin-label{color:#a98c4f;letter-spacing:.8px;white-space:nowrap;margin-top:4px;font-size:8px;font-weight:700}.coin-pop{animation:.5s cubic-bezier(.2,.8,.3,1.3) both coin-pop}.progress-card{width:204px;padding-bottom:4px}.progress-copy{color:var(--soft-text);letter-spacing:1.3px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;font-weight:700;display:flex}.progress-copy strong{color:var(--soft-text);letter-spacing:1px;font-size:12px}.progress-copy strong span{color:var(--magic)}.progress-track{height:10px;box-shadow:0 0 0 1px var(--line);background:#e6dcf8;border:2px solid #fff;border-radius:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:repeating-linear-gradient(-45deg, #ffffff47 0 5px, transparent 5px 10px), linear-gradient(90deg, var(--pink), var(--magic));height:100%;transition:width .25s;display:block}.game-card{background:var(--card);min-height:426px;box-shadow:0 0 0 2px var(--line), 0 8px 0 var(--line), 0 24px 50px #5a3ca01a;border:3px solid #fff;border-radius:30px;grid-template-columns:.94fr 1.06fr;display:grid;overflow:hidden}.picture-panel{flex-direction:column;justify-content:space-between;min-height:426px;padding:24px 28px 22px;display:flex;position:relative;overflow:hidden}.picture-panel:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffffe6 1.6px,#0000 2.4px),radial-gradient(circle,#ffffffb3 1.2px,#0000 2px);background-position:10px 14px,50px 60px;background-size:70px 66px,97px 91px;position:absolute;inset:0}.picture-peach{background:linear-gradient(170deg,#ffe6d9,#fff3ea)}.picture-lilac{background:linear-gradient(170deg,#ebe1ff,#f6f1ff)}.picture-blue{background:linear-gradient(170deg,#ddeefb,#eef7fd)}.picture-green{background:linear-gradient(170deg,#dcf3e6,#eefaf3)}.picture-yellow{background:linear-gradient(170deg,#fff0c4,#fff8df)}.picture-pink{background:linear-gradient(170deg,#ffe1ee,#fff0f6)}.picture-topline{z-index:1;justify-content:space-between;align-items:center;display:flex}.category-label{color:var(--magic-dark);letter-spacing:1.2px;background:#ffffffb3;border:2px solid #ffffffd9;border-radius:30px;align-items:center;gap:7px;padding:7px 12px;font-size:10px;font-weight:700;display:inline-flex}.category-dot{background:var(--pink);border-radius:50%;width:7px;height:7px}.picture-count{color:var(--ink);letter-spacing:1px;font-size:12px;font-weight:700}.picture-count span{color:var(--soft-text)}.picture-art{flex:1;place-items:center;min-height:255px;display:grid;position:relative}.picture-art:before,.picture-art:after{content:"";border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.picture-art:before{border:2px dashed #ffffffe6;width:226px;height:226px;animation:40s linear infinite magic-spin}.picture-art:after{background:radial-gradient(circle,#ffffff8c,#ffffff26 70%);border:2px solid #ffffffbf;width:178px;height:178px}@keyframes magic-spin{to{transform:translate(-50%,-48%)rotate(360deg)}}.picture-emoji{z-index:1;filter:drop-shadow(0 13px 8px #5a3ca024);margin-top:-3px;font-size:clamp(112px,14vw,158px);line-height:1;animation:.38s ease-out both float-in}.picture-image{z-index:1;filter:drop-shadow(0 13px 8px #5a3ca024);width:clamp(140px,17vw,190px);height:auto;animation:.38s ease-out both float-in}.art-ground{filter:blur(5px);background:#5a3ca01a;border-radius:50%;width:174px;height:19px;position:absolute;bottom:31px}.art-sparkle{z-index:1;color:var(--gold);text-shadow:0 0 8px #ffffffe6;animation:2.4s ease-in-out infinite sparkle;position:absolute}.sparkle-one{font-size:22px;top:22%;left:21%}.sparkle-two{color:var(--pink);font-size:30px;animation-delay:.8s;top:26%;right:18%}.sparkle-three{color:var(--magic);font-size:20px;animation-delay:1.6s;bottom:23%;right:24%}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)rotate(20deg)}}.picture-caption{z-index:1;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.picture-caption p{color:var(--magic-dark);background:#ffffffd9;border:2px solid #ffffffe6;border-radius:16px;margin:0;padding:7px 13px;font-size:13px;font-weight:600;position:relative}.answer-panel{flex-direction:column;justify-content:center;padding:31px clamp(25px,4.3vw,56px);display:flex}.answer-intro{align-items:center;gap:12px;display:flex}.step-number{background:var(--pink-soft);width:30px;height:30px;color:var(--pink-dark);letter-spacing:.3px;border-radius:50%;flex:0 0 30px;place-items:center;font-size:11px;font-weight:700;display:grid}.answer-intro h2{color:var(--ink);margin:0;font-size:21px;font-weight:700}.answer-intro p{color:var(--muted);margin:2px 0 0;font-size:12px}.voice-button{border:2px solid var(--line);background:var(--magic-soft);width:40px;height:40px;box-shadow:0 3px 0 var(--line);color:var(--magic-dark);cursor:pointer;border-radius:50%;flex:0 0 40px;place-items:center;margin-left:auto;transition:transform .14s,background .14s,border-color .14s;display:grid}.voice-button:hover{border-color:var(--line-strong);background:#e9e0ff;transform:translateY(-2px)}.voice-button:active{transform:translateY(0)}.voice-button svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:20px;height:20px}.voice-status{min-height:0;color:var(--muted);margin:0;font-size:11px}.voice-status-visible{min-height:15px;margin-top:8px}.voice-status-visible:not(:empty){color:var(--magic-dark)}.voice-status:not(.voice-status-visible){clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.letter-slots{--slot-gap:8px;--slot-max:42px;--slot-size:var(--slot-max);flex-wrap:wrap;justify-content:center;gap:16px 20px;margin:32px 0 8px;display:flex;container-type:inline-size}@supports (width:1cqw){.letter-slots>.letter-word{--slot-size:clamp(26px, (100cqw - (var(--word-letters) - 1) * var(--slot-gap)) / var(--word-letters), var(--slot-max))}}.letter-word{gap:var(--slot-gap);flex-wrap:nowrap;display:flex}.letter-slot{width:var(--slot-size);height:calc(var(--slot-size) * 1.15);border:2px dashed var(--line-strong);border-radius:calc(var(--slot-size) * .3);color:var(--ink);cursor:pointer;font-size:calc(var(--slot-size) * .56);background:#fbf8ff;flex:none;place-items:center;font-weight:700;transition:transform .14s,border-color .14s,background .14s;display:grid;position:relative}.letter-given{width:var(--slot-size);height:calc(var(--slot-size) * 1.15);border:2px solid var(--line-strong);border-radius:calc(var(--slot-size) * .3);color:var(--ink);font-size:calc(var(--slot-size) * .56);background:#fff;flex:none;place-items:center;font-weight:700;display:grid}.letter-slot:after{content:"";display:block;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.letter-slot-guide-vowel:after,.letter-slot-guide-consonant:after{border-radius:3px;width:68%;height:3px}.letter-slot-guide-vowel:after{background:#8757d9}.letter-slot-guide-consonant:after{background:#e66b9b}.letter-slot-guide-other:after{background:#28252d;border-radius:50%;width:5px;height:5px}.letter-slot:hover{border-color:var(--magic);transform:translateY(-2px)}.spelling-guide{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 14px;margin:8px 0 25px;font-size:10px;display:flex}.spelling-guide-title{color:var(--ink);font-size:10px;font-weight:700}.letter-slots+.tile-instructions{margin-top:25px}.word-menu-settings{border-bottom:2px dashed var(--line);padding:14px 15px 12px}.spelling-guide-toggle{border:2px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:border-color .12s;display:flex}.spelling-guide-toggle:hover{border-color:var(--line-strong)}.spelling-guide-toggle-copy{flex-direction:column;gap:2px;display:flex}.spelling-guide-toggle-title{font-size:15px;font-weight:600}.spelling-guide-toggle-note{color:var(--muted);font-size:11px}.toggle-track{background:var(--line-strong);border-radius:24px;flex:0 0 40px;width:40px;height:24px;transition:background .16s;display:block;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #3d2b6340}.spelling-guide-toggle[aria-checked=true] .toggle-track{background:var(--magic)}.spelling-guide-toggle[aria-checked=true] .toggle-thumb{transform:translate(16px)}.spelling-guide-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.guide-mark{flex:none;display:inline-block}.guide-mark-vowel,.guide-mark-consonant{border-radius:3px;width:13px;height:3px}.guide-mark-vowel{background:#8757d9}.guide-mark-consonant{background:#e66b9b}.guide-mark-other{background:#28252d;border-radius:50%;width:5px;height:5px;margin:0 4px}.slot-filled{border:2px solid var(--line-strong);background:var(--magic-soft)}.slot-correct{color:#2f8a63;background:#eafaf2;border-color:#8fd3b6}.slot-wrong{color:#d0477f;background:#fff0f6;border-color:#f5a7c6}.tile-instructions{color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.tile-instructions .step-number{background:var(--magic-soft);width:26px;height:26px;color:var(--magic-dark);flex-basis:26px;font-size:10px}.instruction-line{background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 10px);border-radius:2px;flex:1;height:2px}.letter-bank{flex-wrap:wrap;justify-content:center;gap:8px;min-height:54px;margin-top:15px;display:flex}.letter-tile{border:2px solid var(--line);width:42px;height:46px;box-shadow:0 4px 0 var(--line-strong);color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#fbf7ff);border-radius:13px;place-items:center;font-size:22px;font-weight:700;transition:opacity .14s,transform .14s,background .14s;display:grid}.letter-tile:hover{border-color:var(--magic);transform:translateY(-3px)rotate(-3deg)}.tile-used{box-shadow:none;color:#cbc4d8;cursor:pointer;opacity:.6;background:#f8f6fb;border-color:#f1ecf8}.tile-used:hover{transform:none}.tile-selected{border-color:var(--pink);background:var(--pink-soft);color:var(--pink-dark);opacity:1;transform:translateY(-3px);box-shadow:0 4px #f7c0d8}.answer-footer{justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin-top:21px;display:flex}.feedback{min-height:18px;color:var(--muted);flex:1;margin:0;font-size:12px;font-weight:600}.feedback-success{color:var(--mint)}.feedback-try{color:var(--pink-dark)}.action-button{white-space:nowrap;color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:134px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform .14s,background .14s,box-shadow .14s;display:flex}.action-button:hover{transform:translateY(-2px)}.action-button:active{box-shadow:0 1px 0 var(--pink-shadow);transform:translateY(2px)}.check-button,.next-button{background:linear-gradient(180deg, #f77fb6, var(--pink));box-shadow:0 4px 0 var(--pink-shadow)}.check-button:hover,.next-button:hover{background:linear-gradient(180deg, #f26fae, var(--pink-dark))}.action-button span{font-size:16px}@keyframes coin-pop{0%{transform:scale(.65)rotate(-15deg)}70%{transform:scale(1.2)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes reward-card-pop{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.reward-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3d2b6375;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reward-dialog{width:min(100%,400px)}.reward-card{width:100%;min-height:340px;box-shadow:0 0 0 2px var(--line-strong), 0 22px 70px #28195047;color:var(--ink);cursor:pointer;text-align:center;background:radial-gradient(at 50% 22%,#fff3c8 0,#0000 45%),linear-gradient(#f6f0ff,#fffdfb 60%);border:3px solid #fff;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;padding:28px 25px 26px;transition:transform .15s,box-shadow .15s;animation:.36s cubic-bezier(.2,.8,.3,1.15) both reward-card-pop;display:flex;position:relative;overflow:hidden}.reward-card:hover{box-shadow:0 0 0 2px var(--line-strong), 0 28px 78px #28195052;transform:translateY(-3px)}.reward-card:active{transform:scale(.985)}.reward-cast{z-index:1;justify-content:center;align-items:flex-end;gap:2px;padding-top:40px;display:flex}.mascot-reward{width:96px}.mascot-reward-left{animation:.9s ease-in-out infinite alternate mascot-cheer}.mascot-reward-right{animation:.9s ease-in-out .45s infinite alternate mascot-cheer}@keyframes mascot-cheer{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-6px)rotate(4deg)}}.reward-coin{filter:drop-shadow(0 6px 10px #b97d0c4d);align-self:center;width:84px;height:84px;animation:.5s cubic-bezier(.2,.8,.3,1.3) .1s both coin-pop;display:block}.reward-kicker{color:var(--magic);letter-spacing:2px;margin-top:16px;font-size:11px;font-weight:700}.reward-title{color:var(--pink-dark);text-shadow:0 3px #fbd3e5;margin-top:6px;font-size:clamp(34px,9vw,44px);font-weight:700;line-height:1.1}.reward-coin-earned{color:var(--muted);margin-top:10px;font-size:14px;font-weight:500}.reward-continue{background:linear-gradient(180deg, #f77fb6, var(--pink));box-shadow:0 4px 0 var(--pink-shadow);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding:12px 20px;font-size:14px;font-weight:700;display:flex}.reward-continue span{font-size:15px}.reward-sparkle{color:var(--gold);animation:2s ease-in-out infinite sparkle;position:absolute}.reward-sparkle-one{font-size:24px;top:12%;left:12%}.reward-sparkle-two{color:var(--pink);font-size:28px;animation-delay:1s;top:9%;right:13%}.completion-card{cursor:default}.completion-card:hover{transform:none}.completion-confetti{font-size:34px;animation:.6s cubic-bezier(.2,.8,.3,1.3) both coin-pop;position:absolute;top:16px;right:22px}.completion-mascots{gap:10px;padding-top:34px;display:flex}.completion-mascot{width:104px;animation:.9s ease-in-out infinite alternate mascot-cheer}.completion-mascot:last-child{animation-delay:.45s}.completion-card h2.reward-title{margin:6px 0 0}.completion-message{max-width:300px;margin:10px 0 0;line-height:1.45}.completion-button{cursor:pointer;font:inherit;border:0;font-size:15px;font-weight:700}.word-menu-overlay{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3d2b6361;justify-content:flex-end;display:flex;position:fixed;inset:0}.word-menu-panel{background:linear-gradient(#f6f0ff,#fffdfb 30%);border-left:3px solid #fff;flex-direction:column;width:min(100%,410px);height:100%;animation:.22s ease-out both word-menu-slide-in;display:flex;overflow:hidden;box-shadow:-16px 0 50px #3d2b632e}.word-menu-header{border-bottom:2px dashed var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 25px 20px;display:flex}.word-menu-header .eyebrow{margin-bottom:7px}.word-menu-header h2{color:var(--ink);margin:0;font-size:26px;font-weight:700}.word-menu-count{color:var(--muted);margin:6px 0 0;font-size:12px}.word-menu-close{border:2px solid var(--line);width:38px;height:38px;box-shadow:0 3px 0 var(--line);color:var(--magic-dark);cursor:pointer;background:#fff;border-radius:50%;flex:0 0 38px;place-items:center;font-size:24px;line-height:1;display:grid}.word-menu-close:hover{border-color:var(--line-strong);color:var(--pink-dark)}.word-menu-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;padding:14px 15px 24px;display:flex;overflow-y:auto}.word-menu-item{min-height:48px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:16px;align-items:center;gap:13px;padding:8px 12px;transition:background .12s,border-color .12s;display:flex}.word-menu-item:hover{border-color:var(--line);background:#fff}.word-menu-item-current{border-color:var(--line-strong);background:var(--magic-soft)}.word-menu-item-current:hover{border-color:var(--magic);background:#ebe2ff}.word-menu-index{width:25px;color:var(--soft-text);letter-spacing:.4px;flex:0 0 25px;font-size:10px;font-weight:700}.word-menu-item-current .word-menu-index{color:var(--magic)}.word-menu-name{flex:1;font-size:15px;font-weight:600}.word-menu-playing{background:var(--pink);color:#fff;letter-spacing:.9px;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700}@keyframes word-menu-slide-in{0%{opacity:.6;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.topbar-tools{flex-direction:column;align-items:end;gap:10px;display:flex}.coin-link{background:linear-gradient(135deg, #fffdf2, var(--gold-soft));color:var(--gold-deep);border:2px solid #f6e2a6;border-radius:30px;align-items:center;gap:6px;padding:4px 8px 4px 5px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .14s;display:inline-flex;box-shadow:0 3px #f6e2a6}.coin-link:hover{transform:translateY(-2px)}.coin-link-mochi{box-sizing:content-box;border-left:2px solid #f6e2a6;margin-left:2px;padding-left:6px}.player-menu{position:relative}.player-chip{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;background:#ffffffd9;border-radius:30px;align-items:center;gap:7px;padding:4px 12px 4px 4px;font-size:14px;font-weight:600;display:flex}.player-chip:hover{border-color:var(--line-strong)}.player-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.player-chip-caret{color:var(--muted);font-size:11px}.player-avatar{background:linear-gradient(135deg, var(--pink), var(--magic));color:#fff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.player-menu-list{z-index:20;border:2px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-width:170px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 30px #3d2b6329}.player-menu-list button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:11px 16px;font-size:14px;font-weight:600}.player-menu-list button:hover{background:var(--magic-soft)}.player-overlay{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3d2b6375;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.player-dialog{width:min(100%,420px);max-height:calc(100vh - 40px);box-shadow:0 0 0 2px var(--line-strong), 0 22px 70px #28195047;background:linear-gradient(#f6f0ff,#fffdfb 45%);border:3px solid #fff;border-radius:30px;padding:28px 24px 24px;animation:.32s cubic-bezier(.2,.8,.3,1.15) both reward-card-pop;position:relative;overflow-y:auto}.player-dialog-close{position:absolute;top:18px;right:18px}.player-dialog h2{color:var(--ink);margin:0 0 18px;font-size:28px;font-weight:700}.player-list{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.player-option{border:2px solid var(--line);width:100%;box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:18px;align-items:center;gap:12px;padding:9px 14px 9px 9px;transition:transform .12s,border-color .12s;display:flex}.player-option:hover{border-color:var(--magic);transform:translateY(-2px)}.player-option .player-avatar{flex-basis:36px;width:36px;height:36px;font-size:17px}.player-option-current{border-color:var(--line-strong);background:var(--magic-soft)}.player-option-name{flex:1;font-size:17px;font-weight:600}.player-option-coins{color:var(--gold-deep);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.player-form label,.player-form-label{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600;display:block}.player-form-label{margin-top:16px}.age-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.age-option{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:16px;padding:13px 10px;font-size:15px;font-weight:600;transition:transform .12s,border-color .12s,background .12s}.age-option:hover{border-color:var(--magic);transform:translateY(-2px)}.age-option-selected{border-color:var(--magic);background:var(--magic-soft);box-shadow:0 3px 0 var(--line-strong);color:var(--magic-dark)}.player-form-row{gap:8px;display:flex}.player-form input{border:2px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:999px;padding:10px 16px;font-size:16px}.player-form input:focus{border-color:var(--magic);outline:none}.player-form input[aria-invalid=true]{border-color:var(--pink)}.player-form .player-form-submit{width:100%;margin-top:16px}.player-form-error{color:var(--pink-dark);margin:8px 0 0;font-size:13px;font-weight:600}.dragon-card{grid-template-columns:1.35fr 1fr}.dragon-stage-wrap{background:radial-gradient(circle,#ffffffe6 1.6px,#0000 2.4px) 10px 14px/70px 66px,radial-gradient(at 50% 100%,#fff3fa 0%,#0000 60%),linear-gradient(#e9defd 0%,#fbe8f6 70%,#fff3fa 100%);min-height:0;position:relative}.dragon-stage{position:absolute;inset:0}.dragon-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.dragon-canvas:active{cursor:grabbing}.dragon-fallback{height:100%;color:var(--magic-dark);text-align:center;place-items:center;margin:0;padding:0 32px;font-size:15px;font-weight:600;display:grid}.dragon-bubble{z-index:1;border:2px solid var(--line-strong);width:fit-content;max-width:calc(100% - 32px);box-shadow:0 3px 0 var(--line);color:var(--magic-dark);text-align:center;pointer-events:none;background:#fff;border-radius:18px;margin:0 auto;padding:9px 15px;font-size:14px;font-weight:600;position:absolute;top:16px;left:16px;right:16px}.dragon-panel{flex-direction:column;gap:12px;padding:26px clamp(20px,3vw,36px);display:flex}.dragon-tabs{z-index:1;box-shadow:0 0 0 6px var(--card);background:var(--magic-soft);border-radius:999px;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:sticky;top:0}.dragon-tab{color:var(--magic-dark);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:9px 6px;font-size:15px;font-weight:600;transition:background .14s,box-shadow .14s}.dragon-tab:hover{background:#fff9}.dragon-tab[aria-selected=true]{box-shadow:0 2px 0 var(--line-strong);color:var(--ink);background:#fff}.dragon-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dragon-actions.dragon-actions-treat{grid-template-columns:repeat(3,minmax(0,1fr))}.dragon-actions-treat .dragon-action{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:2px}.dragon-actions-treat .dragon-action-icon{grid-row:auto}.dragon-action{-moz-column-gap:10px;border:2px solid var(--line);box-shadow:0 4px 0 var(--line-strong);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;transition:transform .14s,border-color .14s,opacity .14s;display:grid}.dragon-action:hover:not(:disabled){border-color:var(--magic);transform:translateY(-2px)}.dragon-action:active:not(:disabled){box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.dragon-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.dragon-action-icon{grid-row:span 2;font-size:30px;line-height:1}.dragon-action-label{font-size:14px;font-weight:600;line-height:1.2}.dragon-action-cost{color:var(--gold-deep);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.dragon-hint{background:var(--gold-soft);color:#8a6416;border-radius:14px;margin:4px 0 0;padding:10px 12px;font-size:13px;font-weight:600}:root{--chinese-font:"Kaiti TC", "STKaiti", "BiauKai", "DFKai-SB", "標楷體", "Kaiti SC", "PingFang HK", "Noto Sans TC", "Microsoft JhengHei", sans-serif}.chinese-character-panel{align-items:center}.chinese-character-panel .picture-topline{width:100%}.chinese-character-stage{flex:1;place-items:center;min-height:240px;display:grid;position:relative}.chinese-character{z-index:1;background:linear-gradient(var(--line) 0 0) center / 2px 100% no-repeat, linear-gradient(var(--line) 0 0) center / 100% 2px no-repeat, #fffdfb;width:210px;height:210px;box-shadow:0 0 0 2px var(--line-strong), 0 8px 0 var(--line-strong), 0 18px 30px #5a3ca01f;color:var(--ink);font-family:var(--chinese-font);border:3px solid #fff;border-radius:36px;place-items:center;margin:0;font-size:150px;font-weight:700;line-height:1;animation:.38s ease-out both float-in;display:grid}.chinese-character-pair{letter-spacing:4px;width:290px;font-size:118px}.chinese-character-long{letter-spacing:2px;white-space:nowrap;width:auto;min-width:210px;max-width:100%;padding:0 26px}.chinese-character-3{font-size:92px}.chinese-character-4{font-size:74px}.chinese-character-5{font-size:60px}.chinese-listen{box-shadow:0 3px 0 var(--line);color:var(--magic-dark);cursor:pointer;background:#fff;border:2px solid #ffffffe6;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:9px 18px;font-size:16px;font-weight:600;display:inline-flex}.chinese-listen:hover{transform:translateY(-2px)}.chinese-listen svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:20px;height:20px}.measure-phrase{z-index:1;color:var(--ink);font-family:var(--chinese-font);align-items:center;gap:10px;margin:0;display:flex}.measure-one{font-size:64px;font-weight:700}.measure-phrase .measure-word{width:170px;height:170px;font-size:120px}.measure-blank{border:3px dashed var(--line-strong);min-width:120px;height:92px;color:var(--soft-text);white-space:nowrap;background:#fff9;border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:44px;font-weight:700;display:inline-flex}.measure-blank-filled{border-style:solid;border-color:var(--mint);color:var(--ink);background:#eafaf2;font-size:38px;animation:.42s cubic-bezier(.2,.8,.3,1.3) both coin-pop}.measure-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:420px;margin:18px auto 0;display:grid}.measure-option{border:3px solid var(--line);min-height:72px;box-shadow:0 5px 0 var(--line-strong);color:var(--ink);cursor:pointer;font-family:var(--chinese-font);text-align:left;background:#fff;border-radius:20px;align-items:center;gap:12px;padding:10px 16px;transition:transform .14s,border-color .14s,opacity .2s;display:flex}.measure-option:hover:not(:disabled){border-color:var(--magic);transform:translateY(-3px)}.measure-icon{font-size:32px;line-height:1}.measure-icon-image{width:36px;height:36px}.measure-blank .measure-icon{font-size:34px}.measure-noun{font-size:26px;font-weight:700}.idiom-picture-panel{gap:14px}.idiom-picture{z-index:1;border-radius:14px;width:100%;max-width:400px;height:auto;margin:0 auto;animation:.38s ease-out both float-in;display:block;box-shadow:0 6px #ffffffb3,0 14px 24px #5a3ca01f}.idiom-phrase{z-index:1;justify-content:center;gap:10px;margin:0;display:flex}.idiom-tile{width:68px;height:68px;box-shadow:0 4px 0 var(--card-shadow,#f8c9b4);color:var(--ink);font-family:var(--chinese-font);background:#ffffffeb;border:3px solid #fff;border-radius:18px;place-items:center;font-size:44px;font-weight:700;line-height:1;display:grid}.idiom-blank{border:3px dashed var(--magic);background:var(--magic-soft);box-shadow:none;color:var(--magic);animation:1.6s ease-in-out infinite blank-glow}.idiom-blank-filled{border:3px solid var(--mint);color:var(--ink);background:#eafaf2;animation:.42s cubic-bezier(.2,.8,.3,1.3) both coin-pop}@keyframes blank-glow{50%{box-shadow:0 0 0 6px #8a6ae62e}}.idiom-meaning{z-index:1;color:var(--ink);font-family:"PingFang HK", "Noto Sans TC", "Microsoft JhengHei", var(--chinese-font);background:#ffffffd9;border:2px solid #ffffffe6;border-radius:18px;margin:0;padding:12px 16px;font-size:17px;line-height:1.6}.idiom-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:360px;margin:18px auto 0;display:grid}.idiom-option{border:3px solid var(--line);min-height:96px;box-shadow:0 5px 0 var(--line-strong);color:var(--ink);cursor:pointer;font-family:var(--chinese-font);background:#fff;border-radius:24px;padding:8px;font-size:56px;font-weight:700;line-height:1;transition:transform .14s,border-color .14s,opacity .2s}.idiom-option:hover:not(:disabled){border-color:var(--magic);transform:translateY(-3px)}@media (max-width:700px){.idiom-tile{width:56px;height:56px;font-size:36px}.idiom-meaning{font-size:15px}.idiom-option{min-height:76px;font-size:44px}}@media (prefers-reduced-motion:reduce){.idiom-blank{animation:none}}.chinese-phrases{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 6px;padding:0;list-style:none;display:flex}.chinese-phrase{box-shadow:0 2px 0 var(--line);color:var(--ink);cursor:pointer;font-family:var(--chinese-font);letter-spacing:1px;background:#ffffffd9;border:2px solid #ffffffe6;border-radius:999px;padding:5px 14px;font-size:20px;transition:transform .14s}.chinese-phrase:hover{transform:translateY(-2px)}.chinese-phrase-highlight{color:var(--pink-dark);background:0 0;font-weight:700}.chinese-answer-panel h2,.chinese-answer-panel .answer-intro p,.chinese-feedback .feedback{font-family:"PingFang HK", "Noto Sans TC", "Microsoft JhengHei", var(--chinese-font)}.chinese-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:310px;margin:18px auto 0;display:grid}.chinese-option{aspect-ratio:1;border:3px solid var(--line);box-shadow:0 5px 0 var(--line-strong);cursor:pointer;background:#fff;border-radius:24px;place-items:center;padding:10px;transition:transform .14s,border-color .14s,opacity .2s;display:grid}.chinese-option img{width:100%;max-width:130px;height:auto}.chinese-option:hover:not(:disabled){border-color:var(--magic);transform:translateY(-3px)rotate(-1deg)}.chinese-option-wrong{cursor:default;filter:grayscale(.8);opacity:.4;animation:.36s option-shake}.chinese-option-right{border-color:var(--mint);background:#eafaf2;animation:.42s cubic-bezier(.2,.8,.3,1.3) both coin-pop;box-shadow:0 5px #8fd3b6,0 0 0 6px #8fd3b659}@keyframes option-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.chinese-feedback{justify-content:flex-start;min-height:58px}.parent-dialog{width:min(100%,520px)}.parent-intro{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.parent-form{flex-direction:column;display:flex}.parent-form label{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600}.parent-form input{border:2px solid var(--line-strong);color:var(--ink);font:inherit;background:#fff;border-radius:999px;margin-bottom:14px;padding:10px 16px;font-size:16px}.parent-form input:focus{border-color:var(--magic);outline:none}.parent-form .grown-up-question{color:var(--ink);margin-bottom:10px;font-size:22px}.parent-form .grown-up-question strong{color:var(--magic-dark)}.parent-form .action-button{margin-top:6px}.parent-child{border:2px solid var(--line);background:#fff;border-radius:20px;margin-bottom:18px;padding:14px}.parent-child h3{color:var(--ink);align-items:center;gap:10px;margin:0 0 10px;font-size:18px;font-weight:700;display:flex}.parent-child-age{background:var(--magic-soft);color:var(--magic-dark);border-radius:20px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:600}.parent-games{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.parent-game{align-items:center;gap:8px;display:flex}.parent-game .parent-game-toggle{flex:1;min-width:0}.parent-game-off .spelling-guide-toggle-title{color:var(--muted)}.parent-warning{background:var(--pink-soft);color:var(--pink-dark);border-radius:12px;margin:0 0 10px;padding:8px 12px;font-size:13px;font-weight:600}.parent-done{width:100%}.game-picker-empty{border:2px dashed var(--line-strong);color:var(--magic-dark);text-align:center;background:#ffffffb3;border-radius:20px;margin:0 0 18px;padding:18px;font-size:16px;font-weight:600}.game-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:17px 2px 0;font-size:12px;font-weight:500;display:flex}.footer-star{color:var(--gold);margin-right:4px}.footer-right{letter-spacing:1.15px;font-size:10px;font-weight:700}.footer-right span{color:var(--pink);margin-left:5px;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid var(--magic);outline-offset:3px}@keyframes float-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:700px){.app-shell{padding:16px}.brand-logo{width:52px;height:52px}.exam-badge{letter-spacing:.8px;padding:7px 10px;font-size:8px}.topbar-tools:has(.player-menu) .exam-badge{display:none}.coin-link{font-size:14px}.coin-link-mochi{display:none}.game-wrap{padding-top:36px}.game-heading{align-items:flex-start;margin-bottom:18px}.game-heading:has(>.game-heading-crumbs){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"crumbs crumbs""progress tools""title title";align-items:center;gap:12px 14px}.game-heading:has(>.game-heading-crumbs) .breadcrumbs ol{margin:0}.game-heading:has(>.game-heading-crumbs) .progress-card{width:204px}.game-heading:has(>.game-heading-crumbs) .heading-progress{flex-direction:row;margin-top:0}.game-heading:has(>.game-heading-crumbs) .game-heading-title{margin-top:4px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-choice-grid{grid-template-columns:1fr}.chinese-character-stage{min-height:190px}.chinese-character{width:160px;height:160px;font-size:112px}.chinese-character-pair{width:220px;font-size:88px}.chinese-character-long{width:auto;padding:0 18px}.chinese-character-3{font-size:68px}.chinese-character-4{font-size:56px}.chinese-character-5{font-size:46px}.measure-one{font-size:44px}.measure-phrase .measure-word{width:120px;height:120px;font-size:84px}.measure-blank{min-width:90px;height:70px;font-size:32px}.measure-blank-filled{font-size:26px}.measure-option{min-height:60px;padding:8px 12px}.measure-noun{font-size:21px}.chinese-options{gap:10px;margin-top:16px}.dragon-card{grid-template-columns:1fr}.dragon-wrap{padding-top:10px}.dragon-wrap .game-heading{margin-bottom:10px}.dragon-wrap .heading-note,.dragon-wrap .eyebrow,.dragon-wrap .game-title,.dragon-wrap .game-footer{display:none}.dragon-wrap h1{font-size:26px}.dragon-wrap .game-card.dragon-card{grid-template-rows:minmax(52dvh,1fr) auto}.dragon-panel{max-height:34dvh}.dragon-stage-wrap{flex-direction:column;min-height:0;display:flex}.dragon-stage{flex:1;min-height:0;position:relative}.dragon-bubble{margin:0 12px 10px;padding:6px 12px;font-size:13px;position:static}.dragon-panel{gap:8px;padding:12px 14px 16px}.dragon-tab{padding:8px 4px;font-size:13px}.dragon-wrap .game-heading{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.dragon-wrap .heading-progress{margin-top:0}.dragon-wrap .rainbow-coin-counter{min-width:0}.dragon-action{padding:7px 10px}.dragon-action-icon{font-size:24px}.game-choice-card{min-height:160px}.game-choice-card .category-card-name{font-size:22px}.category-card{min-height:152px;padding:15px 14px 13px 18px}.category-card-icon{width:52px;height:52px}.category-card-name{font-size:16px}.category-card-bottom{font-size:10px}.progress-card{width:145px;padding-bottom:0}.progress-copy{letter-spacing:.7px;font-size:8px}.heading-progress{flex-direction:column-reverse;align-items:flex-end;gap:10px}.rainbow-coin-tools{flex-direction:row;align-items:center}.rainbow-coin-tools .hamburger-button{align-self:center}.answer-footer{flex-wrap:wrap}.answer-footer .feedback{flex:1 1 0;min-width:0;line-height:1.4}.answer-footer .check-button{flex:100%}.rainbow-coin-counter{min-width:112px;padding:6px 9px}.game-card{grid-template-columns:1fr}.picture-panel{min-height:290px;padding:18px 20px 16px}.picture-art{min-height:195px}.picture-emoji{font-size:115px}.picture-image{width:140px}.picture-art:before{width:176px;height:176px}.picture-art:after{width:140px;height:140px}.art-ground{width:140px;bottom:20px}.answer-panel{padding:27px 23px 24px}.letter-slots{--slot-gap:6px;--slot-max:39px;row-gap:14px;margin:25px 0 8px}.spelling-guide{gap:8px 10px;margin-bottom:20px}.game-footer{font-size:10px}}@media (max-width:390px){.brand{font-size:17px}.player-chip-name{max-width:64px}.player-form-row{flex-direction:column}.brand-logo{width:44px;height:44px}.exam-badge{gap:5px;padding:7px;font-size:7px}.hamburger-button{flex-basis:36px;align-self:end;width:36px;height:36px}.game-heading{display:block}.category-grid{gap:9px}.category-card{min-height:144px;padding:13px 11px 11px 16px}.category-card-name{font-size:15px}.progress-card{width:100%;margin-top:0}.heading-progress{flex-direction:row;justify-content:space-between;align-items:center;margin-top:17px}.rainbow-coin-counter{min-width:108px}.game-heading:has(>.game-heading-crumbs) .rainbow-coin-counter{min-width:0}.game-heading:has(>.game-heading-crumbs) .coin-label{display:none}.game-heading:has(>.game-heading-crumbs) .progress-copy{white-space:nowrap}.answer-panel{padding-left:17px;padding-right:17px}.mascot-reward{width:78px}.footer-right{letter-spacing:.5px;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:700px) and (max-height:700px){.dragon-panel{max-height:32dvh}.dragon-wrap .game-card.dragon-card{grid-template-rows:minmax(46dvh,1fr) auto}}.badge-dialog{width:min(100%,640px)}.badge-dialog h2{margin-bottom:6px}.badge-count{background:var(--gold-soft);color:var(--gold-deep);border-radius:999px;align-items:center;gap:6px;margin:0 0 16px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 2px #ffe39a}.badge-shelf{border:2px solid var(--line);background:#ffffffb3;border-radius:22px;margin-top:14px;padding:14px 14px 10px}.badge-shelf h3{color:var(--magic-dark);margin:0 0 10px;font-size:15px;font-weight:700}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px 8px;margin:0;padding:0;list-style:none;display:grid}.badge-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.badge-name{color:var(--soft-text);font-size:13px;font-weight:600;line-height:1.2}.badge-item-earned .badge-name{color:var(--ink)}.badge-medal{--badge-rim:#ffd66b;--badge-face:linear-gradient(160deg, #fff8df, #fff0c4);place-items:start center;width:76px;height:84px;display:grid;position:relative}.badge-medal-face{z-index:1;border:4px solid var(--badge-rim);background:var(--badge-face);width:70px;height:70px;box-shadow:0 0 0 3px #fff, 0 4px 0 3px var(--gold), 0 10px 18px #b97d0c40;border-radius:50%;place-items:center;display:grid;position:relative}.badge-medal-face img{width:44px;height:44px}.badge-ribbon{background:var(--pink);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:18px;height:30px;position:absolute;top:52px}.badge-ribbon-left{left:18px;transform:rotate(16deg)}.badge-ribbon-right{background:var(--magic);right:18px;transform:rotate(-16deg)}.badge-shine{z-index:2;color:var(--gold);text-shadow:0 0 6px #fff;font-size:16px;animation:2.4s ease-in-out infinite twinkle;position:absolute;top:-4px;right:2px}.badge-peach{--badge-face:linear-gradient(160deg, #fff3ea, #ffe6d9)}.badge-lilac{--badge-face:linear-gradient(160deg, #f6f1ff, #ebe1ff)}.badge-blue{--badge-face:linear-gradient(160deg, #eef7fd, #ddeefb)}.badge-green{--badge-face:linear-gradient(160deg, #eefaf3, #dcf3e6)}.badge-yellow{--badge-face:linear-gradient(160deg, #fff8df, #fff0c4)}.badge-pink{--badge-face:linear-gradient(160deg, #fff0f6, #ffe1ee)}.badge-medal-locked .badge-medal-face{border:3px dashed var(--line-strong);box-shadow:none;color:var(--line-strong);background:#f1ebff99;font-size:28px;font-weight:700}.completion-badge{background:var(--gold-soft);text-align:left;border-radius:20px;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;animation:.52s cubic-bezier(.2,.8,.3,1.3) .2s both coin-pop;display:flex;box-shadow:inset 0 0 0 2px #ffe39a}.completion-badge p{color:var(--gold-deep);margin:0;font-size:15px;font-weight:700;line-height:1.35}@media (prefers-reduced-motion:reduce){.badge-shine,.completion-badge{animation:none}}@media (min-width:640px){.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}}