:root{--ink: #2a2350;--ink-soft: #5d5786;--sky1: #6cc8ff;--sky2: #c8f0ff;--paper: #fffdf6;--yellow: #ffcf3f;--yellow-d: #e0a600;--pink: #ff6fa5;--pink-d: #d9467f;--mint: #3fd3b8;--mint-d: #1fa98f;--blue: #5aa9ff;--purple: #a77bff;--tile: #fff7e3;--tile-d: #f0c97a;--red: #ff5a5a;--line: 3px solid var(--ink);--font-fun: "ZCOOL KuaiLe", "Hannotate SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--sky2);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 55%,#e8fbd9 100%)}.sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.sky:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-120px;height:220px;border-radius:50%;background:#9be37a;box-shadow:0 -14px #b9ef9c}.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.9;animation:drift 60s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.c1{width:160px;height:46px;top:9%;left:-200px}.c1:before{width:70px;height:70px;top:-36px;left:26px}.c1:after{width:54px;height:54px;top:-24px;left:80px}.c2{width:120px;height:36px;top:30%;left:-200px;animation-duration:80s;animation-delay:-30s}.c2:before{width:54px;height:54px;top:-28px;left:20px}.c2:after{width:42px;height:42px;top:-18px;left:60px}.c3{width:200px;height:54px;top:58%;left:-260px;animation-duration:95s;animation-delay:-60s;opacity:.7}.c3:before{width:86px;height:86px;top:-44px;left:34px}.c3:after{width:64px;height:64px;top:-30px;left:104px}@keyframes drift{to{transform:translate(calc(100vw + 300px))}}.float{position:absolute;font-family:var(--font-emoji);font-size:2.2rem;opacity:.55;animation:bob 5s ease-in-out infinite}.f1{top:16%;right:6%}.f2{top:48%;left:3%;animation-delay:-1.5s}.f3{top:72%;right:4%;animation-delay:-3s}.f4{top:82%;left:10%;animation-delay:-2s}@keyframes bob{50%{transform:translateY(-14px) rotate(8deg)}}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1080px;width:100%;margin:0 auto;padding:14px 16px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);background:var(--paper);border:var(--line);border-radius:16px;padding:4px 12px 4px 6px;box-shadow:0 4px 0 var(--ink)}.brand img{height:40px;width:auto}.brand b{display:block;font-family:var(--font-fun);font-size:1.1rem;line-height:1.1}.brand small{font-size:.62rem;letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:8px}.coin-pill{display:inline-flex;align-items:center;gap:4px;background:var(--yellow);border:var(--line);border-radius:999px;padding:4px 14px 4px 6px;font-weight:900;font-size:1.05rem;box-shadow:0 4px 0 var(--ink)}.coin-pill i{font-style:normal;font-family:var(--font-emoji)}.round-btn{width:44px;height:44px;border-radius:50%;border:var(--line);background:var(--paper);box-shadow:0 4px 0 var(--ink);font-family:var(--font-emoji);font-size:1.2rem;display:grid;place-items:center;transition:transform .1s}.round-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.round-btn[aria-pressed=true]{background:var(--mint)}.round-btn.back{font-family:var(--font-body);font-weight:900;font-size:1.4rem;flex:none}main{position:relative;z-index:1;width:100%;max-width:1080px;margin:0 auto;padding:0 16px 32px;flex:1}h1,h2,h3{font-family:var(--font-fun);font-weight:400;margin:0}.chunky{border:var(--line);border-radius:18px;padding:14px 24px;font-family:var(--font-fun);font-size:1.3rem;box-shadow:0 6px 0 var(--ink);transition:transform .1s,box-shadow .1s;background:var(--paper)}.chunky:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 var(--ink)}.chunky:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.chunky:disabled{opacity:.5}.chunky.yellow{background:var(--yellow)}.chunky.pink{background:var(--pink);color:#fff}.chunky.mint{background:var(--mint)}.hero{text-align:center;padding:10px 0 26px}.hero-emoji{display:flex;justify-content:center;gap:10px;margin-bottom:6px}.hero-emoji span{font-family:var(--font-emoji);font-size:3.2rem;background:var(--paper);border:var(--line);border-radius:22px;width:78px;height:78px;display:grid;place-items:center;box-shadow:0 6px 0 var(--ink);animation:hop 2.4s ease-in-out infinite}.hero-emoji span:nth-child(2){animation-delay:.2s;transform:rotate(4deg)}.hero-emoji span:nth-child(3){animation-delay:.4s}@keyframes hop{0%,60%,to{transform:translateY(0) rotate(-3deg)}30%{transform:translateY(-12px) rotate(3deg)}}.hero h1{font-size:clamp(3rem,11vw,5.4rem);line-height:1.1;color:#fff;letter-spacing:.04em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin-top:8px}.hero-sub{font-size:1.05rem;font-weight:600;max-width:32em;margin:12px auto 22px;background:#ffffffb3;border-radius:14px;padding:8px 14px;display:inline-block}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.stat-row{display:flex;justify-content:center;gap:12px;margin-top:20px;font-weight:800;flex-wrap:wrap}.stat-row span{background:var(--paper);border:var(--line);border-radius:999px;padding:4px 14px}.map,.how{background:var(--paper);border:var(--line);border-radius:28px;padding:20px;box-shadow:0 8px 0 var(--ink);margin-top:18px}.map h2,.how h2{font-size:1.8rem;margin-bottom:14px}.level-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px}.level-btn{width:100%;aspect-ratio:1;border:var(--line);border-radius:22px;box-shadow:0 5px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .12s}.level-btn:hover{transform:translateY(-3px) rotate(-2deg)}.level-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.level-btn b{font-family:var(--font-fun);font-size:1.7rem;line-height:1}.lv-emoji{font-family:var(--font-emoji);font-size:1.6rem}.lv-stars{color:#fff;-webkit-text-stroke:1px var(--ink);font-size:1.05rem;letter-spacing:1px}.level-btn.done .lv-stars{color:var(--yellow)}.tone0{background:#ffe58a}.tone1{background:#ffb3cf}.tone2{background:#9cf0de}.tone3{background:#b5d8ff}.tone4{background:#d9c6ff}.how-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.how-cards div{background:#fff;border:2px dashed #c9c2ea;border-radius:18px;padding:14px}.how-cards i{font-style:normal;font-family:var(--font-emoji);font-size:1.8rem;display:block}.how-cards b{font-family:var(--font-fun);font-size:1.25rem;font-weight:400}.how-cards p{margin:4px 0 0;color:var(--ink-soft);font-size:.92rem;line-height:1.55}.play{max-width:760px}.play-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-wrap{flex:1}.progress-label{display:flex;justify-content:space-between;font-weight:800;margin-bottom:4px}.progress-label b{font-family:var(--font-fun);font-weight:400;font-size:1.25rem}.progress{height:18px;background:var(--paper);border:var(--line);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:repeating-linear-gradient(45deg,var(--mint) 0 12px,#6be6cf 12px 24px);border-right:3px solid var(--ink);transition:width .4s ease}.progress i[style*="width: 0%"]{border-right:0}.mini-stars{font-weight:900;background:var(--yellow);border:var(--line);border-radius:14px;padding:6px 10px;box-shadow:0 4px 0 var(--ink);white-space:nowrap}.question{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}.emoji-card{position:relative;width:100%;background:var(--paper);border:var(--line);border-radius:30px;box-shadow:0 8px 0 var(--ink);padding:34px 16px 30px;text-align:center;background-image:radial-gradient(#ffe9a8 1.5px,transparent 1.5px);background-size:18px 18px}.emoji-clue{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-family:var(--font-emoji);font-size:clamp(2.8rem,12vw,4.8rem);line-height:1.2}.emoji-clue span{display:inline-block;animation:pop-in .45s cubic-bezier(.3,1.6,.5,1) both}.emoji-card.solved .emoji-clue span{animation:wiggle .6s ease both}@keyframes pop-in{0%{transform:scale(0) rotate(-20deg);opacity:0}}@keyframes wiggle{30%{transform:rotate(-12deg) scale(1.15)}60%{transform:rotate(10deg) scale(1.1)}}.len-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;border:var(--line);border-radius:999px;padding:2px 14px;font-weight:800;font-size:.9rem;white-space:nowrap}.board{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px}.slot{width:64px;height:64px;border:3px dashed var(--ink-soft);border-radius:16px;background:#ffffffa6;font-size:2.2rem;font-weight:800;display:grid;place-items:center;transition:transform .15s;padding:0}.slot.filled{border-style:solid;border-color:var(--ink);background:var(--tile);box-shadow:0 4px 0 var(--tile-d),0 4px 0 2px var(--ink);animation:drop .2s ease}.slot.locked{background:#d8f7ff;cursor:default}@keyframes drop{0%{transform:scale(1.3)}}.punct{font-size:2rem;font-weight:800;padding:0 2px 6px}.board.shake{animation:shake .45s}.board.shake .slot.filled:not(.locked){background:#ffd0d0;border-color:var(--red)}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.board.win .slot{background:#c9f7b8;animation:jump .5s ease both}.board.win .slot:nth-child(2){animation-delay:.06s}.board.win .slot:nth-child(3){animation-delay:.12s}.board.win .slot:nth-child(4){animation-delay:.18s}.board.win .slot:nth-child(5){animation-delay:.24s}@keyframes jump{40%{transform:translateY(-14px)}}.tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;width:100%;max-width:640px;background:#ffffff8c;border:var(--line);border-radius:24px;padding:14px}.tile{aspect-ratio:1;border:var(--line);border-radius:14px;background:var(--tile);box-shadow:0 4px 0 var(--tile-d),0 4px 0 3px var(--ink);font-size:1.6rem;font-weight:800;padding:0;transition:transform .08s}.tile:hover:not(:disabled){transform:translateY(-2px);background:#fff}.tile:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--tile-d),0 0 0 3px var(--ink)}.tile:disabled{opacity:.15;transform:scale(.85);box-shadow:none}.meaning-hint{margin:0;background:#fff8d6;border:2px dashed var(--yellow-d);border-radius:16px;padding:10px 14px;max-width:640px;line-height:1.6;font-weight:600;animation:pop-in .3s ease both}.meaning-hint small{color:var(--ink-soft);font-weight:500}.hint-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pill-btn{border:var(--line);border-radius:999px;background:var(--paper);padding:8px 16px;font-weight:800;box-shadow:0 4px 0 var(--ink);transition:transform .1s}.pill-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.pill-btn:disabled{opacity:.45}.pill-btn.gold{background:var(--yellow)}.pill-btn.ghost{background:transparent;box-shadow:none;border-style:dashed}.pill-btn small{font-weight:700}.answer-card{width:100%;background:var(--paper);border:var(--line);border-radius:26px;box-shadow:0 8px 0 var(--ink);padding:18px 20px 20px;animation:slide-up .4s cubic-bezier(.2,1.3,.5,1) both;text-align:center}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}}.answer-top{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.answer-stars{font-size:1.8rem;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);letter-spacing:2px}.cheer{font-family:var(--font-fun);font-size:1.4rem;color:var(--pink-d)}.answer-card.gave-up .cheer{color:var(--ink-soft)}.answer-card h3{font-size:2.4rem;margin-top:4px}.answer-card h3 small{display:block;font-family:var(--font-body);font-size:1rem;color:var(--ink-soft);font-weight:600}.answer-card .en{margin:4px 0 10px;font-style:italic;color:var(--ink-soft)}.answer-card dl{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 18px}.answer-card dt{font-weight:900;background:var(--mint);border:2px solid var(--ink);border-radius:8px;padding:0 8px;height:fit-content;font-size:.9rem}.answer-card dd{margin:0;line-height:1.6}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:fall linear forwards}@keyframes fall{to{top:105%;transform:translate(40px) rotate(540deg);opacity:.8}}.done{max-width:720px}.done-card{background:var(--paper);border:var(--line);border-radius:30px;box-shadow:0 8px 0 var(--ink);padding:24px 20px;text-align:center;margin-top:8px}.big-stars{display:flex;justify-content:center;gap:6px;font-size:4.4rem;line-height:1}.big-stars span{color:#e7e2f6;-webkit-text-stroke:3px var(--ink)}.big-stars span:nth-child(2){transform:translateY(-14px);font-size:5.2rem}.big-stars span.on{color:var(--yellow);animation:star-pop .5s cubic-bezier(.3,1.8,.5,1) both}@keyframes star-pop{0%{transform:scale(0) rotate(-90deg)}}.done-card h2{font-size:2.4rem;margin-top:10px}.done-card>p{font-weight:700;color:var(--ink-soft)}.recap{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:8px;text-align:left}.recap li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:14px;padding:6px 12px;background:#fff}.recap li.ok{background:#e6fbe0}.recap li.meh{background:#fff6d6}.recap li.miss{background:#ffe3ea}.r-emoji{font-family:var(--font-emoji);font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap b{font-size:1.15rem}.r-stars{color:var(--yellow-d);letter-spacing:1px}.done-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.foot{position:relative;z-index:1;text-align:center;font-size:.8rem;color:var(--ink-soft);padding:14px 16px 22px}.app.big .emoji-clue{font-size:clamp(4rem,14vw,7rem)}.app.big .slot{width:88px;height:88px;font-size:3rem}.app.big .tile{font-size:2.2rem}.app.big .play{max-width:960px}.app.big .tiles{max-width:900px}.app.big .answer-card{font-size:1.25rem}@media (max-width: 640px){.brand small{display:none}.brand b{font-size:1rem}.hero-emoji span{width:64px;height:64px;font-size:2.6rem}.chunky{font-size:1.15rem;padding:12px 18px}.hero-actions .chunky{flex:1 1 100%}.level-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.level-btn b{font-size:1.35rem}.lv-emoji{font-size:1.25rem}.lv-stars{font-size:.85rem}.tiles{grid-template-columns:repeat(4,1fr);padding:10px;gap:8px}.tiles.n20,.tiles.n24{grid-template-columns:repeat(5,1fr)}.tiles.n24{grid-template-columns:repeat(6,1fr)}.tile{font-size:1.45rem;border-radius:12px}.slot{width:56px;height:56px;font-size:1.9rem}.board.long{width:100%;flex-wrap:nowrap;gap:4px}.board.long .slot{flex:1 1 0;min-width:0;max-width:48px;width:auto;height:auto;aspect-ratio:1;font-size:1.35rem;border-radius:10px}.board.long .punct{font-size:1.4rem;padding-bottom:2px}.answer-card h3{font-size:2rem}.map,.how{padding:16px;border-radius:22px}}@media (max-width: 360px){.coin-pill{font-size:.9rem}.round-btn{width:40px;height:40px}.top-actions{gap:6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.confetti{display:none}}