@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/baloo2-latin-8NeBJN4T.woff2) format("woff2");unicode-range:U+0030-0039,U+00D7}:root{font-family:"Baloo 2",PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;font-size:17px;-webkit-font-smoothing:antialiased;--bg: oklch(.975 .015 85);--ink: oklch(.3 .04 280);--muted: oklch(.5 .04 280);--paper: #fff;--paper-edge: oklch(.92 .02 85);--soft: oklch(.95 .015 85);--border: oklch(.9 .02 85);--red: oklch(.55 .17 30);--red-edge: oklch(.45 .15 30);--yellow: oklch(.88 .14 85);--yellow-edge: oklch(.7 .14 75);--green: oklch(.7 .15 150);--gold: oklch(.72 .16 80);--kai: "Kaiti SC", "KaiTi", "STKaiti", "Songti SC", "Noto Serif SC", serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none}body{margin:0;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;color:inherit;cursor:pointer;border:0;transition:background .18s,transform .12s,box-shadow .12s}button:disabled{cursor:default}button,summary{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:4px solid oklch(.8 .15 85);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;text-wrap:pretty}#app{max-width:1240px;margin:0 auto;padding:24px clamp(16px,3vw,40px) 16px;display:flex;flex-direction:column;gap:24px}.eyebrow{font-size:15px;font-weight:800;color:var(--muted)}.primary,.cta,.secondary,.ghost,.icon-button{border-radius:20px;min-height:60px;padding:0 28px;font-size:20px;font-weight:900;white-space:nowrap}.primary{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-edge)}.cta{background:var(--yellow);box-shadow:0 6px 0 var(--yellow-edge)}.secondary{background:var(--soft);font-size:18px;font-weight:800;min-height:56px}.ghost,.icon-button{background:var(--paper);box-shadow:0 4px 0 var(--border);min-height:56px;border-radius:18px;font-size:17px;font-weight:800;padding:0 22px}.icon-button{width:56px;padding:0;font-size:26px;font-weight:900;flex:none}.primary:active,.cta:active,.ghost:active,.icon-button:active,.unit-tile:active,.level:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge, var(--border))}.primary:active{--edge: var(--red-edge)}.cta:active{--edge: var(--yellow-edge)}.cta:disabled{opacity:.55}.text-button{background:none;min-height:44px;font-size:16px;font-weight:800;color:#a8372a}.progress-track{height:16px;background:#f1eadc;overflow:hidden;border-radius:999px}.progress-track i{height:100%;display:block;background:var(--green);transition:width .4s;border-radius:999px}.stars{display:inline-flex;gap:1px;font-size:18px}.stars i{font-style:normal;color:#e7ddc8}.stars i.lit{color:var(--gold)}.kind-tag{border-radius:10px;padding:3px 10px;font-size:13px;font-weight:800;white-space:nowrap;background:oklch(.95 .04 var(--h));color:oklch(.42 .12 var(--h))}.header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;background:none;padding:0;text-align:left}.brand-mark{width:52px;height:52px;border-radius:18px;background:var(--red);box-shadow:0 4px 0 var(--red-edge);display:grid;place-items:center;font-family:Songti SC,"Noto Serif SC",serif;font-size:30px;font-weight:900;color:#fff}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text b{font-size:24px;font-weight:900;letter-spacing:2px}.brand-text small{font-size:13px;font-weight:700;color:var(--muted)}.header nav{display:flex;gap:6px;background:var(--paper);border-radius:24px;padding:6px;box-shadow:0 3px 0 var(--paper-edge);overflow-x:auto;max-width:100%}.header nav button{background:none;border-radius:18px;padding:10px 18px;min-height:48px;font-size:17px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:8px}.header nav button.active{background:var(--ink);color:#fff}.nav-count{min-width:26px;height:26px;border-radius:13px;padding:0 7px;display:grid;place-items:center;font-size:14px;background:var(--red);color:#fff}.header-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toggle{border-radius:18px;padding:0 14px;min-height:52px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;background:var(--paper);box-shadow:0 3px 0 var(--paper-edge)}.switch{width:42px;height:26px;border-radius:13px;padding:3px;display:flex;background:#d1cdc7;transition:background .18s}.switch i{width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s}.toggle[aria-pressed=true] .switch{background:#2e9e52}.toggle[aria-pressed=true] .switch i{transform:translate(16px)}.star-counter{display:flex;align-items:center;gap:6px;border-radius:18px;padding:0 16px;min-height:52px;background:#ffe9bb;background:oklch(.94 .07 85);font-size:20px;font-weight:800;color:#6c4300;color:oklch(.42 .1 70)}.star-counter span{font-size:13px;font-weight:700}.map{display:flex;flex-direction:column;gap:28px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}.continue-card{background:var(--red);border-radius:32px;padding:32px;color:#fff;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 0 var(--red-edge)}.continue-card>div{display:flex;flex-direction:column;gap:6px}.chip{font-size:16px;font-weight:700;background:#fff3;align-self:flex-start;border-radius:999px;padding:6px 14px}.continue-unit{font-size:20px;font-weight:800;opacity:.92}.continue-card h1{font-size:clamp(30px,3.8vw,44px);line-height:1.2}.continue-meta{font-size:17px;font-weight:600;opacity:.92}.continue-card .cta{align-self:flex-start;color:var(--ink);font-size:24px;padding:0 38px;min-height:64px}.journey{background:var(--paper);border-radius:32px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;box-shadow:0 6px 0 var(--paper-edge)}.journey>div:first-child{display:flex;flex-direction:column;gap:4px}.journey strong{font-size:52px;font-weight:800;line-height:1}.journey strong small{font-size:24px;color:#6d6f89}.journey-stats,.win-stats,.aside-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journey-stats>div,.win-stats>div{background:oklch(.96 .03 var(--h));border-radius:18px;padding:12px 14px;display:flex;flex-direction:column}.journey-stats b,.win-stats b{font-size:26px;font-weight:800;line-height:1.1}.journey-stats span,.win-stats span{font-size:14px;font-weight:700}.unit-area{display:flex;flex-direction:column;gap:14px}.unit-area h2{font-size:26px}.units{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:14px}.unit-tile{--edge: oklch(.88 .05 var(--h));text-align:left;border-radius:26px;padding:16px 18px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:oklch(.95 .04 var(--h));box-shadow:0 5px 0 var(--edge)}.unit-tile.selected{--edge: oklch(.66 .14 var(--h));background:oklch(.8 .13 var(--h));outline:4px solid var(--ink);outline-offset:3px}.unit-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:800}.unit-top b{font-size:15px;font-weight:800;color:#424562}.unit-name{font-size:24px;font-weight:900;letter-spacing:1px}.unit-bar{height:10px;border-radius:999px;background:#ffffffbf;overflow:hidden;display:block}.unit-bar i{display:block;height:100%;border-radius:999px;background:oklch(.66 .14 var(--h))}.selected .unit-bar i{background:var(--ink)}.chapter{background:oklch(.95 .04 var(--h));border-radius:36px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}.chapter-banner{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.chapter-banner>div{display:flex;flex-direction:column;gap:6px;max-width:640px}.chapter-banner h2{font-size:clamp(30px,3.6vw,40px);letter-spacing:1px}.chapter-banner p{font-size:17px;font-weight:600;color:#3e4058}.lesson-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.lesson-chips span{background:#ffffffbf;border-radius:12px;padding:5px 12px;font-size:15px;font-weight:700}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filters button{border-radius:999px;padding:0 18px;min-height:46px;font-size:16px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:6px;background:var(--paper)}.filters button.selected{background:var(--ink);color:#fff}.filters small{font-size:13px;opacity:.75}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}.level{--edge: var(--paper-edge);text-align:left;border-radius:24px;padding:16px 18px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:var(--paper);box-shadow:0 5px 0 var(--edge)}.level.passed{--edge: oklch(.86 .07 150)}.level-top{display:flex;align-items:center;gap:8px}.level-top .stars{margin-left:auto}.level-num{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:19px;font-weight:800;background:var(--soft)}.passed .level-num{background:#7cd591}.level h3{font-size:19px;line-height:1.35}.level-bottom{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;color:var(--muted)}.go{color:#a8372a;white-space:nowrap}footer{text-align:center;color:var(--muted);font-size:13px;font-weight:600}.game-page{display:flex;flex-direction:column;gap:18px}.game-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.game-heading>div:first-of-type{display:flex;flex-direction:column;min-width:0;flex:1}.game-heading h1{font-size:clamp(24px,3vw,34px);line-height:1.2}.game-layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.game-main{flex:3 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}.game-toolbar{background:var(--paper);border-radius:22px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 0 var(--paper-edge);font-size:20px;font-weight:800}.game-toolbar b{font-weight:800;white-space:nowrap}.game-toolbar .progress-track{flex:1;height:14px}.timer{font-variant-numeric:tabular-nums;color:var(--muted);min-width:52px;text-align:right}.board{background:oklch(.95 .04 var(--h));border-radius:32px;padding:clamp(12px,2vw,20px);display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:0 6px}.column-head{font-size:15px;font-weight:800;color:#424562;padding:0 8px 10px}.column{display:flex;flex-direction:column;gap:10px}.board-link{display:grid;place-items:center;color:#8a8da8;font-size:20px;font-weight:900}.tile,.empty-slot{min-height:84px;border-radius:22px}.tile{width:100%;border:4px solid var(--paper);background:var(--paper);box-shadow:0 5px 0 var(--paper-edge);padding:8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tile small{font-size:14px;font-weight:700;color:var(--muted)}.tile strong{font-family:var(--kai);font-weight:900;line-height:1.25;text-align:center;text-wrap:pretty;overflow-wrap:anywhere}.tile .s1{font-size:clamp(30px,3.6vw,40px)}.tile .s2{font-size:clamp(24px,2.8vw,30px)}.tile .s3{font-size:clamp(19px,2.2vw,23px)}.tile .s4{font-size:clamp(16px,1.8vw,19px)}.tile .py{font-family:inherit;font-weight:800;font-size:clamp(18px,2.2vw,24px)}.tile:active{transform:translateY(3px);box-shadow:0 2px 0 var(--paper-edge)}.tile.chosen{background:#e2f0ff;background:oklch(.95 .04 250);border-color:#1f74bf;box-shadow:0 5px #97c2f0}.tile.hinted{background:#fff1cc;background:oklch(.96 .07 90);border-color:#ecaa0b}.tile.wrong{background:#ffe8e6;background:oklch(.95 .05 25);border-color:#de4e4b;box-shadow:0 5px #edaaa4;animation:shake .3s}.tile.fresh{animation:drop-in .35s ease-out}.empty-slot{border:3px dashed oklch(.85 .03 85);display:grid;place-items:center;color:#cdbc9a;font-size:20px}.feedback{background:var(--paper);border-radius:20px;padding:14px 18px;font-size:18px;font-weight:700;line-height:1.5;min-height:56px}.feedback.good{background:#d8f9dd}.feedback.bad{background:#ffe7e4;background:oklch(.95 .04 25)}.game-aside{flex:1 1 250px;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:14px}.combo-card{background:var(--paper);border-radius:28px;padding:20px;box-shadow:0 5px 0 var(--paper-edge);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:110px}.combo-card>div{display:flex;flex-direction:column;gap:2px}.combo-card small{font-size:14px;font-weight:700;color:#6d6f89}.combo-badge{min-width:92px;height:72px;border-radius:24px;padding:0 16px;display:grid;place-items:center;background:var(--soft);font-size:30px;font-weight:800}.combo-badge.warm{background:var(--yellow)}.combo-badge.hot{background:var(--red);color:#fff;font-size:36px}.combo-badge.pop{animation:combo-pop .4s ease-out}.aside-stats>div{background:var(--paper);border-radius:20px;padding:12px;box-shadow:0 4px 0 var(--paper-edge);display:flex;flex-direction:column}.aside-stats span{font-size:13px;font-weight:800;color:var(--muted)}.aside-stats b{font-size:28px;font-weight:800;line-height:1.1}.cta.hint{font-size:19px;box-shadow:0 5px #d79628}.star-guide{background:#fbf1dc;border-radius:20px;padding:14px 16px;font-size:15px;font-weight:700;line-height:1.7;color:#43465d}.result{background:#d8f9dd;border-radius:24px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.result .stars{font-size:34px;gap:6px}.result p{font-size:16px;font-weight:700}.result>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.result .secondary{background:var(--paper)}.panel{background:var(--paper);border-radius:32px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 5px 0 var(--paper-edge)}.panel h2{font-size:24px}.study-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}.study-grid article{background:var(--bg);border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.study-answer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--kai);font-size:22px;font-weight:900}.study-answer span{color:#7b7e98;font-size:16px}.study-grid p{font-size:15px;font-weight:600;line-height:1.5}.study-grid small{font-size:13px;font-weight:600;line-height:1.6;color:var(--muted)}.mastery{display:flex;gap:8px;flex-wrap:wrap}.mastery span{border-radius:10px;padding:3px 10px;font-size:13px;font-weight:800}.mastery .bad{background:#ffe8e6;background:oklch(.95 .05 25);color:#972527}.mastery .good{background:#d8f9dd;color:#005725;color:oklch(.4 .12 150)}.library-page{display:flex;flex-direction:column;gap:20px}.library-page>.study-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}.library-page>.study-grid article{background:var(--paper);border-radius:24px;padding:16px 18px;gap:8px;box-shadow:0 5px 0 var(--paper-edge)}.page-banner{background:oklch(.95 .04 var(--h));border-radius:32px;padding:clamp(22px,3vw,32px);display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}.page-banner.stacked{flex-direction:column;align-items:stretch}.page-banner>div:first-child{display:flex;flex-direction:column;gap:6px;max-width:560px}.page-banner h1{font-size:clamp(30px,3.6vw,40px)}.page-banner p{font-size:17px;font-weight:600;line-height:1.6;color:#3e4058}.poems{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;gap:14px}.poem{background:#f4efff;background:oklch(.96 .035 300);border-radius:28px;padding:20px 22px;display:flex;flex-direction:column;gap:10px}.poem-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.poem-head b{font-family:var(--kai);font-size:26px;font-weight:900}.poem-head span{font-size:14px;font-weight:700;color:#594f6d}.poem pre{margin:0;font-family:var(--kai);font-size:22px;font-weight:600;line-height:1.75;white-space:pre-wrap}.library-levels{display:flex;flex-direction:column;gap:12px}.library-level{background:var(--paper);border-radius:24px;box-shadow:0 4px 0 var(--paper-edge);overflow:hidden}.library-level summary{cursor:pointer;list-style:none;padding:16px 20px;min-height:64px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-level summary::-webkit-details-marker{display:none}.library-level summary b{font-size:18px;font-weight:900;flex:1;min-width:200px}.library-level summary small{font-size:14px;font-weight:700;color:var(--muted)}.caret{font-weight:900;color:var(--muted);transition:transform .18s}.library-level[open] .caret{transform:rotate(180deg)}.library-level .study-grid{padding:0 20px}.library-level .primary{margin:14px 20px 22px;min-height:52px;font-size:17px;padding:0 24px;border-radius:18px}.source-note{font-size:14px;font-weight:600;line-height:1.7;color:var(--muted);max-width:820px}.blank{background:var(--paper);border-radius:32px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 5px 0 var(--paper-edge)}.blank h2{font-size:26px}.blank p{font-size:17px;font-weight:600;color:var(--muted)}.blank .primary{margin-top:8px}.win-dialog{border:0;border-radius:40px;background:var(--paper);color:var(--ink);width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:36px clamp(22px,4vw,48px) 28px;text-align:center;box-shadow:0 10px #d7cdb8;overflow-y:auto}.win-dialog[open]{display:flex;flex-direction:column;align-items:center;gap:12px}.win-dialog::backdrop{background:#2a2c4273}.win-close{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:16px;background:#f6f1e7;font-size:24px;font-weight:800}.win-stars .stars{font-size:60px;line-height:1;gap:8px;animation:combo-pop .4s ease-out both}.win-dialog h2{font-size:32px}.win-dialog p{font-size:17px;font-weight:600;color:#484b63;line-height:1.6;text-wrap:pretty}.win-stats{width:100%;margin:6px 0;gap:8px}.win-stats>div{border-radius:16px;padding:10px;align-items:center}.win-stats b{font-size:22px}.win-stats span{font-size:13px}.win-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%}.win-actions .big{grid-column:1 / -1;min-height:64px;font-size:22px;margin-bottom:5px}.win-actions .secondary{padding:0 10px}.pwa-panel{max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px) 24px;color:var(--muted);font-size:14px;font-weight:600}.pwa-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pwa-panel button{min-height:44px;padding:8px 16px;border-radius:14px;background:var(--paper);box-shadow:0 3px 0 var(--paper-edge);font-weight:800}.pwa-panel summary{cursor:pointer;padding:14px 0;min-height:44px}.pwa-panel p{max-width:680px;line-height:1.8;margin:0 0 12px}@keyframes combo-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes drop-in{0%{transform:translateY(-14px) scale(.9);opacity:0}to{transform:none;opacity:1}}.playing .pwa-panel{display:none}.game-heading .header-tools{flex-wrap:nowrap}@media(min-width:900px)and (min-height:560px){.playing #app{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-top:14px;padding-bottom:12px}.game-page{flex:1;gap:12px}.game-heading h1{font-size:clamp(22px,2.4vw,28px)}.game-layout{flex:1;flex-wrap:nowrap;align-items:stretch}.game-main{flex:1;gap:12px}.game-aside{flex:0 0 clamp(240px,24vw,290px)}.game-toolbar{padding:10px 18px}.board{flex:1;grid-template-rows:auto 1fr;padding:14px}.column{display:grid;grid-auto-rows:1fr;gap:8px}.column-head{padding-bottom:6px}.tile,.empty-slot{min-height:56px}.tile{padding:2px 12px;gap:0}.tile small{font-size:13px;line-height:1.2}.tile strong{line-height:1.15}.tile .s1{font-size:min(40px,4.4dvh)}.tile .s2{font-size:min(30px,3.8dvh)}.tile .s3{font-size:min(23px,3.1dvh)}.tile .s4{font-size:min(19px,2.6dvh)}.tile .py{font-size:min(24px,3.2dvh)}}@media(max-width:1149px){.header nav{order:3;width:100%}.header nav button{flex:1;justify-content:center}}@media(min-width:600px)and (max-width:899px){.game-aside{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.combo-card{min-height:0;padding:14px 20px}.star-guide{grid-column:1 / -1;order:1}.game-heading>div:first-of-type{flex-basis:60%}}@media(max-width:560px){:root{font-size:16px}.brand-text b{font-size:21px}.header nav button{padding:10px 12px;font-size:16px}.game-heading .header-tools{order:3;width:100%}.toggle{min-height:46px;padding:0 10px;font-size:15px}.star-counter{min-height:46px}.continue-card,.journey{padding:22px;border-radius:28px}.tile{padding:6px 8px;border-width:3px}.tile small{font-size:12px}.ghost{padding:0 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}