/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#19214d;--purple:#373083;--yellow:#ffcd50;--paper:#fffaf0;--muted:#7c8099}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#d8d5e8;margin:0;font-family:Nunito,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #ffd65c}.mobile-app{background:var(--paper);width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 0 65px #26225a3d}.mobile-top{z-index:40;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#25296df7;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:66px;padding:9px 14px;display:flex;position:sticky;top:0}.wordhop-logo{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.wordhop-logo>i{color:#302875;background:var(--yellow);border:3px solid #fff;border-radius:12px 16px 13px 17px;place-items:center;width:38px;height:38px;font-size:22px;font-style:normal;font-weight:1000;display:grid;transform:rotate(-5deg);box-shadow:0 4px #161b60}.wordhop-logo>span{flex-direction:column;line-height:1;display:flex}.wordhop-logo b{letter-spacing:.7px;font-size:14px;font-weight:1000}.wordhop-logo small{opacity:.7;letter-spacing:1px;margin-top:4px;font-size:8px;font-weight:800}.mobile-top>div{align-items:center;gap:5px;display:flex}.mobile-top>div>span{background:#ffffff1a;border-radius:9px;padding:8px 7px;font-size:9px;font-weight:900}.mobile-top>div>button{cursor:pointer;background:#ffffff1a;border:0;border-radius:9px;width:33px;height:33px;padding:0}.mobile-hero{color:#fff;background:radial-gradient(circle at 78% 31%,#55e2c247,#0000 22%),linear-gradient(150deg,#242a74 0%,#4e43b2 65%,#6150c5 100%);min-height:560px;padding:45px 19px 35px;position:relative;overflow:hidden}.mobile-hero:before{content:"";opacity:.22;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:31px 31px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hero-level{z-index:2;color:#c9fff1;background:#4bd3b221;border:1px solid #69e5c63b;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;display:inline-flex;position:relative}.hero-level span{font-weight:1000}.hero-level b{border-left:1px solid #fff3;padding-left:7px}.hero-level small{opacity:.7}.mobile-hero h1{z-index:2;letter-spacing:-2px;margin:20px 0 13px;font-size:42px;font-weight:1000;line-height:1.05;position:relative}.mobile-hero h1 em{color:var(--yellow);text-shadow:0 4px #14144c47;font-style:normal}.mobile-hero>p{z-index:2;color:#dadcf7;width:62%;margin:0;font-size:11px;font-weight:600;line-height:1.7;position:relative}.hero-book{background:linear-gradient(145deg,#6ee0c2,#30b998);border:7px solid #ffffff2e;border-radius:95px 95px 20px 20px;width:190px;height:236px;position:absolute;bottom:68px;right:-19px;box-shadow:0 22px 35px #12144d4d}.book-rabbit{z-index:3;filter:drop-shadow(0 9px #1f64522e);font-size:68px;position:absolute;top:25px;left:55px;transform:rotate(-4deg)}.book-open{z-index:4;filter:drop-shadow(0 8px #1f64522e);font-size:91px;position:absolute;bottom:28px;left:42px}.hero-book>i{z-index:5;color:#373083;background:#ffda59;border-radius:7px;padding:4px 6px;font-size:9px;font-style:normal;font-weight:1000;position:absolute;bottom:61px;right:37px;transform:rotate(-8deg)}.hero-book>b{z-index:6;color:#302875;background:#ffd052;border:4px solid #fff;border-radius:50%;place-items:center;width:47px;height:47px;font-size:19px;display:grid;position:absolute;top:-17px;left:2px}.hero-book>small{z-index:6;background:#ef6e60;border-radius:7px;padding:5px 7px;font-size:7px;font-weight:900;position:absolute;top:32px;left:-7px;transform:rotate(-7deg)}.hero-start{z-index:6;color:#2a256d;background:var(--yellow);cursor:pointer;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:161px;height:48px;padding:0 17px;font-size:11px;font-weight:1000;display:flex;position:absolute;bottom:77px;left:19px;box-shadow:0 6px #dfa72c}.hero-start span{font-size:19px}.hero-count{background:#171b5257;border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);align-items:center;height:54px;display:grid;position:absolute;bottom:0;left:0;right:0}.hero-count span{text-align:center;color:#bfc2e7;border-right:1px solid #ffffff1a;font-size:7px}.hero-count b{color:#fff;font-size:14px;display:block}.grade-tabs{background:#fff;border-bottom:1px solid #ebe8df;grid-template-columns:repeat(4,1fr);height:91px;padding:10px 12px;display:grid;box-shadow:0 6px 20px #2f2a630f}.grade-tabs button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:5px;display:flex;position:relative}.grade-tabs button:after{content:"";background:0 0;border-radius:99px;height:4px;position:absolute;bottom:0;left:12px;right:12px}.grade-tabs button.active:after{background:var(--grade-color)}.grade-tabs small{color:#8a8da0;background:#f1eff5;border-radius:99px;margin-top:6px;padding:2px 5px;font-size:6px}.grade-tabs button.active b{color:var(--grade-color)}.grade-intro{grid-template-columns:1fr 74px;align-items:center;gap:15px;padding:36px 19px 21px;display:grid}.grade-intro small,.skills-strip>h2+div small{color:#6d61ce;letter-spacing:1.3px;font-size:7px;font-weight:1000}.grade-intro h2{margin:4px 0;font-size:24px}.grade-intro p{color:var(--muted);margin:0;font-size:9px}.grade-ring{background:conic-gradient(var(--grade-color) var(--done),#e8e6ed 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.grade-ring:before{content:"";background:var(--paper);border-radius:50%;width:54px;height:54px;position:absolute}.grade-ring b,.grade-ring small{z-index:2;position:relative}.grade-ring b{font-size:19px}.grade-ring small{color:#9294a5;letter-spacing:0;font-size:7px}.book-map{background:linear-gradient(#fffaf0,#f5f5e9);padding:22px 17px 65px;position:relative;overflow:hidden}.book-map:before{content:"";opacity:.18;background-image:radial-gradient(circle,#7cc6a4 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.map-line{z-index:1;background:repeating-linear-gradient(#9ac8b1 0 10px,#0000 10px 20px);width:6px;position:absolute;top:36px;bottom:95px;left:50%;transform:translate(-50%)}.book-stop{z-index:2;grid-template-columns:112px 1fr;align-items:center;gap:14px;min-height:178px;padding-right:4px;display:grid;position:relative}.book-stop--right{text-align:right;grid-template-columns:1fr 112px}.book-stop--right .book-cover{grid-column:2}.book-stop--right .book-copy{grid-area:1/1}.stop-number{z-index:8;color:#fff;background:#6c62c8;border:4px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:1000;display:grid;position:absolute;top:16px;left:calc(50% - 15px);box-shadow:0 3px #332d7033}.book-stop--done .stop-number{background:#2dbc8c}.book-cover{color:#fff;background:linear-gradient(145deg,var(--cover),var(--cover));align-items:center;width:101px;height:128px;padding:0;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.book-cover{background:linear-gradient(145deg,color-mix(in srgb,var(--cover) 75%,white),var(--cover))}}.book-cover{box-shadow:-5px 7px 0 var(--cover),0 12px 24px #262a572e;border:5px solid #fff;border-radius:8px 14px 14px 8px}@supports (color:color-mix(in lab, red, red)){.book-cover{box-shadow:-5px 7px 0 color-mix(in srgb,var(--cover) 67%,#24305b),0 12px 24px #262a572e}}.book-cover{cursor:pointer;flex-direction:column;justify-content:center;transform:rotate(-3deg)}.book-stop--right .book-cover{justify-self:end;transform:rotate(3deg)}.book-cover:before{content:"";background:#ffffff45;width:2px;position:absolute;top:0;bottom:0;left:7px}.book-cover i{filter:drop-shadow(0 5px #0000001a);font-size:47px;font-style:normal}.book-cover small{letter-spacing:1px;margin-top:8px;font-size:6px;font-weight:1000}.book-copy>small{color:#8b8d9f;font-size:7px;font-weight:900}.book-copy h3{margin:4px 0 2px;font-size:15px;line-height:1.1}.book-copy p{color:#74778c;margin:0;font-size:9px}.book-copy>div{gap:4px;margin-top:8px;display:flex}.book-stop--right .book-copy>div{justify-content:flex-end}.book-copy>div i{filter:grayscale();opacity:.55;background:#ebeaf0;border-radius:7px;place-items:center;width:23px;height:23px;font-size:11px;font-style:normal;display:grid}.book-copy>div i.done{filter:none;opacity:1;background:#dff8ee}.book-copy>button{color:#6259c1;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:8px;font-weight:1000}.book-stop--locked{filter:grayscale(.8);opacity:.55}.book-stop--locked .book-cover{cursor:not-allowed}.map-treasure{z-index:3;color:#fff;background:linear-gradient(145deg,#353a8e,#574bc0);border-radius:18px;flex-direction:column;align-items:center;margin:25px auto 0;padding:19px;display:flex;position:relative;box-shadow:0 9px #262b71}.map-treasure>span{font-size:48px}.map-treasure b{font-size:13px}.map-treasure small{color:#bebee6;margin-top:3px;font-size:7px}.skills-strip{background:#fff;padding:58px 18px}.skills-strip>h2{text-align:center;margin:0 0 24px;font-size:21px}.skills-strip>div{gap:10px;display:grid}.skills-strip article{background:#faf8ff;border:1px solid #ebe8f5;border-radius:15px;grid-template-columns:50px 1fr;align-items:center;min-height:76px;padding:10px 15px;display:grid}.skills-strip article>span{grid-row:1/3;font-size:28px}.skills-strip article>b{font-size:11px}.skills-strip article>small{color:#8d8fa2;letter-spacing:0;font-size:7px}.level-source{color:#c8c8e1;background:#292e72;padding:29px 20px}.level-source small{color:#65d8b7;letter-spacing:1.2px;font-size:7px;font-weight:1000}.level-source p{margin:7px 0 0;font-size:8px;line-height:1.7}footer{color:#fff;background:#20245d;flex-direction:column;align-items:flex-start;gap:20px;min-height:145px;padding:36px 20px;display:flex}footer p{color:#aeb1d2;margin:0;font-size:9px}.reader-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#131642bf;place-items:end center;display:grid;position:fixed;inset:0}.reader-sheet{background:#fffdf8;border-radius:22px 22px 0 0;width:min(100%,430px);min-height:91vh;max-height:96vh;overflow-y:auto}.reader-header{color:#fff;background:linear-gradient(145deg,#2c337f,#5044b0);border-radius:22px 22px 0 0;grid-template-columns:34px 1fr 66px;align-items:center;gap:10px;min-height:122px;padding:19px;display:grid;position:relative}.reader-header>button{color:#fff;cursor:pointer;background:#ffffff21;border:0;border-radius:50%;align-self:start;width:32px;height:32px;padding:0;font-size:20px}.reader-header small{color:#aeaded;letter-spacing:1px;font-size:6px;font-weight:1000}.reader-header h2{margin:4px 0 2px;font-size:19px}.reader-header p{color:#d4d4ed;margin:0;font-size:9px}.reader-header>span{border:4px solid #fff;border-radius:7px 12px 12px 7px;place-items:center;width:60px;height:74px;font-size:31px;display:grid;transform:rotate(3deg);box-shadow:-4px 5px #0000002e}.mission-tabs{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f5;border-bottom:1px solid #e9e6dd;grid-template-columns:repeat(3,1fr);height:67px;display:grid;position:sticky;top:0}.mission-tabs button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 11px;display:flex;position:relative}.mission-tabs button:after{content:"";background:0 0;border-radius:99px;height:4px;position:absolute;bottom:0;left:10px;right:10px}.mission-tabs button.active:after{background:#6056c3}.mission-tabs i{color:#fff;background:#bbbcc8;border-radius:50%;place-items:center;width:22px;height:22px;font-size:7px;font-style:normal;font-weight:1000;display:grid}.mission-tabs .active i{background:#6258c4}.mission-tabs b{font-size:9px}.picture-reader{padding:19px}.picture-page{border:8px solid #fff;border-radius:22px;height:295px;position:relative;overflow:hidden;box-shadow:0 9px 25px #2c275a1f}.scene-coral{background:radial-gradient(circle at 75% 25%,#ffd476 0 12%,#0000 13%),linear-gradient(145deg,#ffb59c,#f06c6d)}.scene-sky{background:radial-gradient(circle at 20% 25%,#ffffffb3 0 8%,#0000 9%),linear-gradient(145deg,#a8e2ef,#7688d6)}.scene-sun{background:radial-gradient(circle at 75% 20%,#fff4ad 0 14%,#0000 15%),linear-gradient(145deg,#ffdc83,#f09b58)}.scene-mint{background:radial-gradient(circle at 20% 22%,#fff9 0 9%,#0000 10%),linear-gradient(145deg,#a8e7c9,#55bf91)}.picture-page:after{content:"";background:#3266592b;border-radius:50% 50% 0 0;height:140px;position:absolute;bottom:-65px;left:-25px;right:-25px}.page-art{z-index:2;letter-spacing:12px;filter:drop-shadow(0 11px #27335926);place-items:center;font-size:92px;display:grid;position:absolute;inset:0}.page-dots{z-index:4;gap:5px;display:flex;position:absolute;top:14px;left:14px}.page-dots i{background:#ffffff73;border-radius:50%;width:6px;height:6px}.page-dots i.active{background:#fff;border-radius:99px;width:20px}.page-number{z-index:4;color:#fff;background:#1d215b5e;border-radius:99px;padding:4px 7px;font-size:7px;font-weight:900;position:absolute;bottom:10px;right:12px}.page-text{text-align:center;padding:18px 8px 10px}.page-text h3{margin:0 auto;font-family:Georgia,serif;font-size:18px;line-height:1.5}.page-text p{color:#40445f;background:#f3f0ff;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin:10px 0 18px;padding:11px 12px;font-size:15px;font-weight:800;line-height:1.55;display:flex}.page-text p span{color:#fff;background:#6b60c7;border-radius:5px;flex:none;padding:3px 5px;font-size:7px;font-weight:1000}.page-text>div{grid-template-columns:35px 1fr 35px;gap:7px;display:grid}.page-text button{cursor:pointer;background:#efedf5;border:0;border-radius:10px;height:38px}.page-text .page-audio{color:#fff;background:#6157c2;font-size:9px;font-weight:900}.whole-story,.next-mission{color:#4d46a8;cursor:pointer;background:#eeebff;border:0;border-radius:12px;width:100%;min-height:43px;margin-top:6px;font-size:9px;font-weight:1000}.whole-story.is-paused{color:#fff;background:#ef7864;box-shadow:0 4px #c44f43}.next-mission{color:#fff;background:#2fba8c}.quiz-reader,.speak-reader{text-align:center;flex-direction:column;align-items:center;padding:35px 20px;display:flex}.quiz-icon,.speak-icon{background:#fff0c9;border-radius:24px;place-items:center;width:78px;height:78px;font-size:42px;display:grid;transform:rotate(-4deg)}.quiz-reader>small,.speak-reader>small{color:#6a5fc8;letter-spacing:1.5px;margin-top:19px;font-size:7px;font-weight:1000}.quiz-reader>h3,.speak-reader>h3{margin:8px 0;font-family:Georgia,serif;font-size:20px;line-height:1.4}.quiz-reader>p{color:#8b8d9e;margin:0 0 20px;font-size:9px}.quiz-reader>div{gap:9px;width:100%;display:grid}.quiz-reader>div button{text-align:left;cursor:pointer;background:#fff;border:2px solid #e4e2eb;border-radius:13px;grid-template-columns:29px 1fr 26px;align-items:center;gap:8px;min-height:55px;padding:8px 12px;display:grid}.quiz-reader>div button i{background:#efedf4;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;font-weight:1000;display:grid}.quiz-reader>div button b{font-size:10px}.quiz-reader>div button>span{font-size:16px}.quiz-reader>div .correct{background:#edfbf6;border-color:#2fbd8e}.quiz-reader>div .wrong{background:#fff0ee;border-color:#ef6b65}.quiz-reader aside{color:#c9544f;background:#fff0ee;border-radius:11px;width:100%;margin-top:13px;padding:12px;font-size:8px}.quiz-reader>.next-mission{margin-top:17px}.battle-reader{background:#fffaf2;padding:0 0 28px}.battle-arena{color:#fff;background:radial-gradient(circle at 50% 65%,#ffd85729,#0000 28%),linear-gradient(#242866 0%,#45419d 56%,#282a69 57%,#171b4c 100%);min-height:330px;padding:18px 16px;position:relative;overflow:hidden}.battle-arena:before{content:"";opacity:.22;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:27px 27px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 62%);mask-image:linear-gradient(#000,#0000 62%)}.battle-arena:after{content:"";background:#393a87;border-radius:50% 50% 0 0;height:145px;position:absolute;bottom:-75px;left:-40px;right:-40px;box-shadow:0 -8px #ffffff0f}.battle-round{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.battle-round span{color:#282762;letter-spacing:1px;background:#ffd25b;border-radius:6px;padding:4px 7px;font-size:6px;font-weight:1000}.battle-round b{color:#c4c5ee;font-size:8px}.fighter-head{z-index:4;width:43%;font-size:7px;position:absolute;top:51px}.fighter-head--hero{left:14px}.fighter-head--monster{text-align:right;right:14px}.fighter-head span{font-weight:1000}.fighter-head b{float:right;color:#ffd766;font-size:7px}.fighter-head--monster b{float:left;color:#ff8c87}.fighter-head>i{background:#00000059;border:1px solid #ffffff38;border-radius:99px;height:8px;margin-top:5px;padding:2px;display:block}.fighter-head>i em{border-radius:inherit;background:linear-gradient(90deg,#42d5a8,#7bea96);height:100%;transition:width .45s;display:block}.fighter-head--monster>i em{background:linear-gradient(90deg,#ffcc52,#f25f62);margin-left:auto}.battle-stage{z-index:3;justify-content:space-around;align-items:flex-end;height:200px;display:flex;position:absolute;bottom:36px;left:0;right:0}.battle-hero,.battle-monster{flex-direction:column;align-items:center;width:125px;display:flex;position:relative}.battle-hero>span{filter:drop-shadow(0 12px #00000038);font-size:86px;transition:transform .2s;transform:rotate(-7deg)}.battle-hero>small,.battle-monster>small{color:#bfc2e6;letter-spacing:.8px;background:#111444b3;border-radius:99px;margin-top:-5px;padding:3px 6px;font-size:5px;font-weight:1000}.battle-monster{--monster:#e75e66}.monster-body{background:linear-gradient(145deg,var(--monster),var(--monster));width:94px;height:103px;position:relative}@supports (color:color-mix(in lab, red, red)){.monster-body{background:linear-gradient(145deg,color-mix(in srgb,var(--monster) 74%,white),var(--monster))}}.monster-body{border:5px solid #ffffff2e;border-radius:46% 54% 43% 48%;transition:transform .2s;box-shadow:inset 0 -12px #471f5033,0 13px #0003}.horn{z-index:-1;background:#ffe36b;border-radius:90% 10% 60% 20%;width:24px;height:38px;font-style:normal;position:absolute;top:-21px}.horn--left{left:8px;transform:rotate(-25deg)}.horn--right{right:8px;transform:scaleX(-1)rotate(-25deg)}.monster-eyes{justify-content:space-between;display:flex;position:absolute;top:31px;left:17px;right:17px}.monster-eyes i{background:#fff;border-radius:50%;width:20px;height:24px;box-shadow:inset 6px -2px #312c69}.monster-mouth{text-align:center;color:#fff;background:#312c69;border-radius:5px 5px 20px 20px;height:18px;font-size:9px;position:absolute;bottom:17px;left:20px;right:20px}.battle-flash{opacity:.65;font-size:25px;position:absolute;top:89px;left:50%;transform:translate(-50%)}.damage-number,.battle-hero>i{z-index:8;color:#fff36b;text-shadow:0 3px #ba363e;font-size:26px;font-style:normal;font-weight:1000;animation:.65s both damage;position:absolute;top:-23px}.battle-hero>i{right:0}.battle-monster>.damage-number{left:0}.battle-arena.monster-hit .monster-body{animation:.65s monsterHit}.battle-arena.hero-hit .battle-hero>span{animation:.65s heroHit}.battle-message{z-index:7;text-align:center;color:#d8daf5;background:#101341bf;border-radius:8px;padding:7px;font-size:7px;font-weight:900;position:absolute;bottom:12px;left:15px;right:15px}.battle-message.monster-hit{color:#fff36b}.battle-message.hero-hit{color:#ff9a95}.battle-question{padding:22px 17px}.battle-question>small{color:#6a5fc8;letter-spacing:.8px;font-size:6px;font-weight:1000}.battle-question>h3{margin:7px 0 15px;font-family:Georgia,serif;font-size:16px;line-height:1.35}.battle-question>div{gap:8px;display:grid}.battle-question>div button{text-align:left;cursor:pointer;background:#fff;border:2px solid #e3e1e9;border-radius:13px;grid-template-columns:29px 1fr 28px;align-items:center;gap:8px;min-height:53px;padding:8px 11px;display:grid;box-shadow:0 4px #e5e1da}.battle-question>div button i{color:#fff;background:#6c62c9;border-radius:9px;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;font-weight:1000;display:grid}.battle-question>div button b{font-size:9px;line-height:1.3}.battle-question>div button>span{font-size:18px}.battle-question>div button.correct{background:#e9fbf4;border-color:#29bc8c}.battle-question>div button.wrong{background:#fff0ef;border-color:#ee6662}.battle-result{text-align:center;flex-direction:column;align-items:center;padding:35px 20px 10px;display:flex}.battle-result>span{font-size:67px;animation:.6s resultPop}.battle-result>small{color:#6459c4;letter-spacing:1.5px;margin-top:12px;font-size:7px;font-weight:1000}.battle-result>h3{margin:6px 0;font-size:22px}.battle-result>p{color:#85879a;margin:0 0 20px;font-size:9px;line-height:1.6}.battle-result>button,.battle-result>div button{color:#fff;cursor:pointer;background:#2eba8d;border:0;border-radius:11px;min-height:42px;padding:0 16px;font-size:8px;font-weight:1000}.battle-result>div{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.battle-result--lose>div button:first-child{color:#625ac0;background:#eeecfa}.battle-result--lose>div button:last-child{background:#ef6b62}.speak-reader>.speak-icon{background:#ffe5e2}.speak-reader>h3{background:#fff1ef;border:2px solid #ffd7d3;border-radius:16px;margin-top:9px;padding:22px 13px}.model-audio{color:#d35651;cursor:pointer;background:#fff;border:1px solid #efc7c4;border-radius:10px;height:38px;padding:0 15px;font-size:8px;font-weight:900}.record-button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#ff8278,#e65b55);border:8px solid #ffe3df;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:135px;height:135px;margin:27px 0 13px;padding:0;display:flex;box-shadow:0 9px #bd403b}.record-button span{font-size:39px}.record-button b{margin-top:5px;font-size:9px}.record-button.recording{animation:.8s infinite pulse}.speak-reader>article{text-align:left;background:#fff0ee;border-radius:12px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;width:100%;padding:12px;display:grid}.speak-reader>article.good{background:#eafaf4}.speak-reader>article p{color:#696c82;flex-direction:column;margin:0;font-size:9px;display:flex}.speak-reader>article small{color:#a0a2b1;font-size:6px}.speak-reader>article>b{color:#e35f59;font-size:16px}.book-complete{color:#fff;background:linear-gradient(145deg,#373b90,#5c4ec2);border-radius:17px;flex-direction:column;align-items:center;width:100%;margin-top:20px;padding:20px;display:flex}.book-complete>span{font-size:48px}.book-complete>b{font-size:15px}.book-complete>small{color:#c7c6ea;margin:5px 0 14px;font-size:8px}.book-complete>button{color:#373174;cursor:pointer;background:#ffcf53;border:0;border-radius:10px;width:100%;height:38px;font-size:9px;font-weight:1000}@keyframes pulse{50%{opacity:.5}}@keyframes monsterHit{20%{transform:translate(17px)rotate(8deg)}40%{transform:translate(-10px)rotate(-6deg)}60%{transform:translate(8px)}to{transform:none}}@keyframes heroHit{20%{transform:translate(-15px)rotate(-15deg)}40%{transform:translate(7px)rotate(-3deg)}to{transform:rotate(-7deg)}}@keyframes damage{0%{opacity:0;transform:translateY(15px)scale(.5)}35%{opacity:1;transform:translateY(-8px)scale(1.2)}to{opacity:0;transform:translateY(-35px)}}@keyframes resultPop{0%{transform:scale(.2)rotate(-18deg)}70%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)}}@media (width<=365px){.mobile-hero h1{font-size:36px}.mobile-hero>p{width:58%}.hero-book{right:-41px}.book-stop{grid-template-columns:100px 1fr}.book-stop--right{grid-template-columns:1fr 100px}.book-cover{width:91px;height:119px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.voice-style{color:#393278;background:#f1efff;border:1px solid #ded9ff;border-radius:12px;grid-template-columns:28px 1fr;align-items:center;gap:1px 9px;margin:12px 18px -2px;padding:9px 12px;display:grid}.voice-style>span{background:#fff;border-radius:9px;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.voice-style>b{font-size:9px}.voice-style>small{color:#76708d;font-size:7px}.pwa-install-button{z-index:70;right:max(14px,50vw - 201px);bottom:max(14px,env(safe-area-inset-bottom));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#232765f5;border:1px solid #fff3;border-radius:15px;align-items:center;gap:9px;padding:7px 12px 7px 7px;display:flex;position:fixed;box-shadow:0 9px 28px #191c4c4d}.pwa-install-button>img{border-radius:11px;width:40px;height:40px}.pwa-install-button>span{text-align:left;flex-direction:column;display:flex}.pwa-install-button b{font-size:11px}.pwa-install-button small{color:#c9cae9;margin-top:2px;font-size:7px}.pwa-help-backdrop{z-index:220;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#10133ac7;place-items:end center;padding-top:30px;display:grid;position:fixed;inset:0}.pwa-help{width:min(100%,430px);padding:28px 22px calc(24px + env(safe-area-inset-bottom));text-align:center;background:#fffaf0;border-radius:25px 25px 0 0;position:relative;box-shadow:0 -15px 50px #0b0d3140}.pwa-help-close{color:#6f7090;cursor:pointer;background:#eeecf3;border:0;border-radius:50%;width:34px;height:34px;padding:0;font-size:21px;position:absolute;top:15px;right:15px}.pwa-help>img{border-radius:22px;width:82px;height:82px;box-shadow:0 9px 24px #2a266a38}.pwa-help>small{color:#6258c4;letter-spacing:1.4px;margin-top:15px;font-size:7px;font-weight:1000;display:block}.pwa-help>h2{margin:6px 0 18px;font-size:24px}.pwa-help>ol{text-align:left;gap:9px;margin:0;padding:0;list-style:none;display:grid}.pwa-help>ol li{background:#f4f1ff;border:1px solid #e3defb;border-radius:13px;grid-template-columns:31px 1fr;align-items:center;gap:10px;min-height:48px;padding:8px 11px;display:grid}.pwa-help>ol i{color:#fff;background:#655bc6;border-radius:9px;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;font-weight:1000;display:grid}.pwa-help>ol span{font-size:11px;font-weight:800}.pwa-help>p{color:#7b7e94;margin:15px 0;font-size:9px;line-height:1.6}.pwa-help-done{color:#342d77;cursor:pointer;background:#ffd055;border:0;border-radius:12px;width:100%;height:46px;font-size:11px;font-weight:1000;box-shadow:0 5px #e2aa2d}.battle-word-card{color:#fff;background:linear-gradient(145deg,#5750b9,#39367f);border-radius:15px;flex-direction:column;align-items:center;margin:9px 0 13px;padding:15px;display:flex;box-shadow:0 5px #282760}.battle-word-card>span{color:#d5d4f5;letter-spacing:1px;font-size:7px;font-weight:900}.battle-word-card>h3{text-align:center;letter-spacing:.2px;margin:8px 0 12px;font-family:Georgia,serif;font-size:19px;line-height:1.5}.battle-word-card>h3 em{color:#ff8078;background:#ffffff1f;border-bottom:2px solid #ff8078;border-radius:4px;padding:1px 3px;font-style:normal;font-weight:1000}.battle-word-card>button{color:#403982;cursor:pointer;background:#ffd25c;border:0;border-radius:9px;min-height:34px;padding:0 13px;font-size:8px;font-weight:1000}.battle-question>div button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.52}.hero-level>b{border-left:0;padding-left:0}.grade-tabs{height:68px}.grade-tabs button{justify-content:center}.grade-tabs b{margin-top:0;font-size:13px}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}