:root{--ink:#34434c;--muted:#919993;--blue:#648bd2;--blue-dark:#4f72b5;--paper:#f5f8fc;--line:#dfe7f1;--white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#e8eef6;justify-content:center;align-items:center;display:flex}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #88aabc}button:disabled{cursor:default;opacity:.37}svg{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}#game{background:var(--paper);isolation:isolate;flex-direction:column;width:min(100%,430px);height:100dvh;max-height:890px;display:flex;position:relative;overflow:hidden}#game:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 82% 42%,#b8d2f62e,#0000 60%);position:absolute;inset:0}.header{flex-shrink:0;justify-content:space-between;align-items:center;height:78px;padding:18px 24px 10px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-icon{width:29px;height:36px;position:relative}.brand-icon i{background:#729fb8;border-radius:7px;width:10px;height:19px;position:absolute;top:4px;left:3px;transform:rotate(25deg)}.brand-icon i:nth-child(2){background:#e8b960;height:16px;top:12px;left:16px}.brand-icon i:nth-child(3){background:#e48f85;width:8px;height:8px;top:25px;left:4px}.wordmark{letter-spacing:-.7px;font-size:20px;font-weight:740;line-height:1.15}.tagline{letter-spacing:1.8px;color:#8e9db1;margin-top:5px;font-size:9px}.icon-btn{background:#fff;border:1px solid #dfe7f1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 3px #7591be1a}.levelbar{flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:7px 25px 12px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--blue-dark);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:650}.levelbar h1{letter-spacing:-1.1px;margin:0;font-size:27px;font-weight:680;line-height:1.08}.level-progress{text-align:right}.fraction{letter-spacing:-1px;font-size:23px;font-weight:660}.fraction small{color:#a7aba7;margin-left:4px;font-size:14px;font-weight:500}.fraction svg{vertical-align:-1px;color:#8aa69c;width:17px;height:17px;margin-right:5px;display:inline-block}.progress-dots{justify-content:flex-end;gap:4px;margin-top:7px;display:flex}.color-dot{border:1.5px solid var(--dot);opacity:.42;background:0 0;border-radius:50%;width:7px;height:7px}.color-dot.done{background:var(--dot);opacity:1}.progress-text{color:#9b9f98;margin-top:4px;font-size:9px}.stats{border-top:1px solid var(--line);color:#999e98;flex-shrink:0;align-items:center;gap:15px;height:33px;margin:0 25px;padding-top:9px;font-size:11px;display:flex}.stat{white-space:nowrap;align-items:center;gap:5px;display:flex}.stat strong{color:#5e6868;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.stat svg{width:13px;height:13px}.stat.target{color:#7d8ca5;margin-left:auto;font-size:10px}.target svg{fill:#668fd2;stroke:#668fd2;width:12px;height:12px}.stat.urgent,.stat.urgent strong{color:#ce766c}.guide{text-align:center;background:#ffffff8c;border:1px solid #e7e6deb3;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;height:56px;margin:10px 20px 0;padding:10px 13px;display:flex}.guide-badge{color:#74939e;background:#e9f0f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.guide-copy{min-width:0}.guide-title{color:#6c797b;font-size:12px;font-weight:550;line-height:1.5}.guide-sub{color:#a0a49c;margin-top:1px;font-size:10px;line-height:1.4}.guide.solo{background:0 0;border-color:#0000;height:45px;margin-top:4px}.guide.solo .guide-badge{display:none}.guide.solo .guide-title{color:#929b97;font-size:11px;font-weight:400}.board-wrap{flex:1;width:100%;min-height:160px;position:relative}canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.a11y-bottle{opacity:0;pointer-events:none;border:0;padding:0;position:absolute}.a11y-bottle:focus-visible{opacity:.9;pointer-events:auto;background:#7ca4b91f;border-radius:16px;outline:2px dashed #648bd2}.a11y-layer{pointer-events:none;position:absolute;inset:0}.board-toast{text-align:center;color:#668090;pointer-events:none;opacity:0;justify-content:center;align-items:center;min-height:30px;font-size:11px;line-height:1.5;transition:opacity .15s;display:flex;position:absolute;bottom:4px;left:18px;right:18px}.board-toast.show{opacity:1}.board-toast span{background:#fffffff7;border:1px solid #dfe7f1;border-radius:20px;padding:7px 13px;box-shadow:0 2px 12px #6e66580a}.tools{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:16px;height:98px;padding:11px 24px 6px;display:grid;position:relative}.tools:before{content:"";background:linear-gradient(90deg,#0000,#dfe7f1,#0000);height:1px;position:absolute;top:0;left:42px;right:42px}.tool{flex-direction:column;align-items:center;gap:7px;padding:2px 0;display:flex}.tool-icon{color:#8b9699;background:#fff;border:1px solid #dce6f2;border-radius:15px;justify-content:center;align-items:center;width:52px;height:46px;transition:transform .1s;display:flex;box-shadow:0 4px #a9bddc44}.tool:active .tool-icon{transform:translateY(2px);box-shadow:0 2px #a9bddc44}.tool-icon svg{width:24px;height:24px}.tool:nth-child(2) .tool-icon{color:#6891a8;background:#e8f0f3;border-color:#d5e4e9;box-shadow:0 4px #cbdbe466}.tool-text{color:#7e8987;white-space:nowrap;font-size:11px}.tool.busy svg{animation:1s infinite breathe}.footer{height:23px;padding-bottom:max(7px,env(safe-area-inset-bottom));text-align:center;letter-spacing:.5px;color:#8e9db1;pointer-events:none;flex-shrink:0;font-size:9px}.footer span{color:#9aa9bd;margin:0 6px}@keyframes breathe{50%{opacity:.4;transform:scale(.94)}}.overlay{z-index:30;-webkit-backdrop-filter:blur(8px);background:#3044662e;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.modal{overscroll-behavior:contain;scrollbar-width:thin;background:#fff;border:1px solid #ffffffe6;border-radius:25px;width:100%;max-height:100%;padding:28px 24px 24px;position:relative;overflow:auto;box-shadow:0 18px 80px #3e413b29}.modal.big{max-height:94%;padding:22px 20px}.modal-x{width:32px;height:32px;box-shadow:none;background:#eef3fa;border:0;position:absolute;top:15px;right:15px}.modal-x svg{width:17px;height:17px}.modal-kicker{text-align:center;letter-spacing:2px;color:#9ca9a6;margin:6px 0 10px;font-size:10px}.modal h2{text-align:center;letter-spacing:-.6px;margin:5px 0 8px;font-size:24px;font-weight:650;line-height:1.3}.modal h3{margin:20px 0 12px;font-size:14px;font-weight:600;line-height:1.4}.modal p{color:#929a92;text-align:center;margin:8px 0 21px;font-size:12px;line-height:1.9}.modal small{color:#a0a59b;font-size:10px}.btn{border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:10px;padding:11px 14px;font-size:13px;font-weight:570;display:flex}.btn.primary{color:#fff;background:#648bd2;box-shadow:0 4px #5e869b33}.btn.secondary{color:#7b8989;background:#edf3fb;border:1px solid #dce6f2}.btn.ghost{color:#99a09b;min-height:33px;font-size:11px;font-weight:400}.btn svg{width:18px;height:18px}.pause-links{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.pause-links .btn{background:#edf3fb;border:1px solid #e7e5dd;margin:0;padding:10px 5px;font-size:12px}.menu-card{text-align:left;background:#fff;border:1px solid #dce6f2;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;display:flex}.menu-card svg{color:#99aaad;flex-shrink:0}.menu-card .card-title{color:#657c82;font-size:13px;font-weight:550}.menu-card .card-desc{color:#a4a599;margin-top:5px;font-size:10px}.menu-card .chevron{color:#b0b2a8;width:15px;margin-left:auto}.divider{background:#e1e9f3;height:1px;margin:20px 0}.setting-row{border-bottom:1px solid #e1e9f3;justify-content:space-between;align-items:center;padding:14px 1px;font-size:13px;display:flex}.toggle{background:#d7e2ef;border-radius:16px;width:45px;height:27px;padding:3px}.toggle:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;display:block;box-shadow:0 1px 4px #0001}.toggle.on{background:#89a8b7}.toggle.on:after{transform:translate(18px)}.language-btn{border:1px solid #dce6f2;border-radius:8px;padding:7px 9px;font-size:12px}.help-copy{text-align:left!important;color:#85918c!important;font-size:12px!important;line-height:2!important}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:15px;padding-right:30px;display:flex}.modal-heading h2{text-align:left;margin:0;font-size:22px}.chapter{letter-spacing:1px;color:#929e99;margin:24px 0 11px;font-size:11px;font-weight:650}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.level-cell{aspect-ratio:1/1.16;color:#a4a79e;background:#edf3fb;border:1px solid #dce6f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:17px;font-weight:600;display:flex}.level-cell.open{color:#6f848a;background:#fff}.level-cell.current{color:#658ba0;background:#e4eef2;border-color:#b9d0db}.tiny-stars{letter-spacing:0;color:#668fd2;font-size:8px;font-weight:400}.tiny-stars.unearned{color:#dce5f1}.lock-svg{color:#b9bbb0;width:15px;height:15px}.win-art{justify-content:center;align-items:flex-end;gap:8px;height:104px;margin-top:12px;margin-bottom:17px;display:flex;position:relative}.mini-bottle{background:linear-gradient(90deg,var(--color),var(--light));border:2px solid #b4c4c8;border-radius:7px 7px 10px 10px;width:29px;height:74px;position:relative;box-shadow:inset 5px 0 #ffffff24,inset -3px 0 #ffffff1f}.mini-bottle:before{content:"";background:#d7e2ef;border:1px solid #aebfd5;border-radius:3px 3px 0 0;width:17px;height:10px;position:absolute;top:-10px;left:4px}.mini-bottle:nth-child(2){height:91px}.mini-bottle:after{content:"✓";text-align:center;color:#fffeee;width:100%;font-size:17px;font-weight:700;position:absolute;top:42%}.star-row{color:#668fd2;justify-content:center;gap:14px;margin:12px 0 18px;font-size:30px;display:flex}.star-row .off{color:#dce5f1}.star-row span:nth-child(2){font-size:34px;transform:translateY(-5px)}.record-row{background:#edf3fb;border-radius:13px;justify-content:space-around;margin:15px 0;padding:14px 9px;display:flex}.record-stat{text-align:center}.record-stat b{color:#6d8084;font-variant-numeric:tabular-nums;font-size:21px;font-weight:600}.record-stat small{color:#a0a79c;margin-top:6px;font-size:10px;display:block}.assist-pill{text-align:center;color:#9da294;margin:10px 0;font-size:10px}.modal-note{margin:13px 0 0!important;font-size:10px!important;line-height:1.7!important}.challenge-label{color:#8b9994;background:#edf3fb;border-radius:12px;justify-content:space-between;margin:15px 0;padding:14px;font-size:12px;display:flex}.challenge-list{flex-direction:column;gap:8px;margin:18px 0;display:flex}.challenge-row{text-align:left;background:#fff;border:1px solid #dce6f2;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.challenge-row b{color:#73878b;font-size:13px;font-weight:500}.challenge-row small{margin-top:4px;display:block}.challenge-row .time{color:#8197b7;font-size:12px}.result-records{color:#96a095;flex-direction:column;gap:8px;padding:10px 0;font-size:11px;display:flex}.result-records div{justify-content:space-between;display:flex}.result-records b{color:#798b8c;font-weight:500}.win-symbol{text-align:center;color:#a9b2a5;margin:15px 0;font-size:48px}.hidden{display:none!important}@media (min-width:600px){#game{border:1px solid #ffffffab;border-radius:30px;height:calc(100dvh - 40px);box-shadow:0 16px 70px #59605820}.header{padding-top:18px}}@media (max-height:700px){.header{height:63px;padding-top:10px}.levelbar{height:58px;padding-top:4px;padding-bottom:8px}.levelbar h1{font-size:24px}.eyebrow{margin-bottom:4px;font-size:9px}.guide{height:47px;margin-top:7px}.guide.solo{height:34px;margin-top:2px}.stats{height:29px;padding-top:6px}.tools{height:88px;padding-top:9px}.tool-icon{width:49px;height:41px}.footer{height:18px;font-size:8px}.modal{padding:21px}.modal h2{font-size:22px}}@media (max-height:530px){.header{height:48px;padding-top:7px}.tagline{display:none}.levelbar{height:44px}.levelbar h1{font-size:20px}.eyebrow{margin-bottom:2px;font-size:8px}.fraction{font-size:18px}.progress-text{display:none}.stats{height:24px;font-size:10px}.guide,.guide.solo{height:29px;margin:4px 20px 0;padding:3px}.guide-sub,.guide-badge{display:none!important}.guide-title{font-size:10px}.tools{gap:12px;height:61px;padding:4px 30px}.tool-icon{border-radius:10px;width:38px;height:32px}.tool-icon svg{width:20px;height:20px}.tool{gap:4px}.tool-text{font-size:9px}.footer{height:14px;font-size:7px}#game{border-radius:0;max-width:480px;height:100dvh}.board-wrap{min-height:100px}}.sound-mixer{border-bottom:1px solid #46556414;padding:6px 0 14px}.sound-row{color:#55616c;grid-template-columns:1fr auto;gap:10px 12px;padding:9px 0;font-size:13px;display:grid}.sound-row output{font-variant-numeric:tabular-nums;color:#7a8791}.sound-row input{accent-color:#678ca3;cursor:pointer;grid-column:1/-1;width:100%;min-height:26px;margin:0}.sound-row input:disabled{opacity:.4;cursor:default}.header{padding-top:calc(18px + env(safe-area-inset-top));height:calc(78px + env(safe-area-inset-top))}.footer{height:calc(23px + env(safe-area-inset-bottom));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.home-art{justify-content:center;align-items:flex-end;gap:14px;height:132px;margin:10px 0 28px;display:flex}.home-art i{background:linear-gradient(90deg,#529ee2,#9fceff);border:3px solid #b4c8cb;border-radius:10px 10px 16px 16px;width:38px;height:91px;position:relative;box-shadow:inset 7px 0 #ffffff30}.home-art i:before{content:"";background:#d7e2ef;border:1px solid #aebfd5;border-radius:4px;width:22px;height:11px;position:absolute;top:-12px;left:5px}.home-art i:nth-child(2){background:linear-gradient(90deg,#e6b54f,#ffdf8a);height:116px}.home-art i:nth-child(3){background:linear-gradient(90deg,#ea6d68,#ffada4);height:82px}.home-progress{color:#8b9995;background:#edf3fb;border-radius:12px;justify-content:space-between;margin:18px 0;padding:14px;font-size:11px;display:flex}.home-progress b{color:#6b8692;font-weight:600}.modal h2 span{color:#9db2b7}.menu-card{min-height:65px}@media (max-height:700px){.header{height:calc(63px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.chapter-nav{text-align:center;color:#6f848a;justify-content:space-between;align-items:center;margin:12px 0;font-size:15px;display:flex}.chapter-nav button{border:1px solid #dce6f2;border-radius:12px;width:44px;height:44px;font-size:25px}.chapter-nav small{color:#9aaba5;margin-top:5px;font-size:10px;display:block}.chapter-jump{color:#8b9995;justify-content:space-between;align-items:center;margin:12px 0 18px;font-size:11px;display:flex}.chapter-jump select{font:inherit;color:#6f848a;background:#fff;border:1px solid #dce6f2;border-radius:8px;padding:8px}.difficulty-mark{color:#9baba8!important;font-size:8px!important}.level-cell{min-height:62px;font-size:14px}.play-screen{flex-direction:column;flex:1;min-height:0;display:flex}.play-screen[hidden],.home-screen[hidden]{display:none}.home-screen{overscroll-behavior:contain;min-height:0;padding:calc(28px + env(safe-area-inset-top)) 26px calc(20px + env(safe-area-inset-bottom));background:var(--paper);text-align:center;flex:1;overflow:auto}.home-kicker{letter-spacing:1.8px;color:#9ca9a6;margin:0 0 20px;font-size:10px;line-height:1.6}.home-screen .home-art{flex-shrink:0;height:144px;min-height:144px;margin:0 0 22px;padding-top:16px}.home-screen h1{letter-spacing:-1px;margin:0 0 12px;font-size:34px;font-weight:650;line-height:1.2}.home-screen h1 span{color:#9db2b7}.home-screen p{color:#929a92;margin:0 0 22px;font-size:12px;line-height:1.9}.tutorial-highlight{z-index:4;pointer-events:none;background:#709eb510;border:2px dashed #4f72b5;border-radius:18px;animation:1.3s ease-in-out infinite tutorial-pulse;position:absolute;box-shadow:0 0 0 5px #709eb51a}.tutorial-highlight[hidden]{display:none}@keyframes tutorial-pulse{50%{box-shadow:0 0 0 9px #709eb508}}@media (max-height:700px){.home-screen{padding-top:calc(20px + env(safe-area-inset-top))}.home-screen .home-art{height:116px;min-height:116px;margin-bottom:16px}.home-screen .home-art i{height:74px}.home-screen .home-art i:nth-child(2){height:94px}.home-screen .home-art i:nth-child(3){height:66px}.home-screen h1{font-size:30px}}@media (max-height:530px){.guide:not(.solo){height:43px}.guide:not(.solo) .guide-sub{display:block!important}}@media (prefers-reduced-motion:reduce){.tutorial-highlight{animation:none}}@media (max-height:700px){.home-kicker{margin-bottom:12px;font-size:9px}.home-screen .home-art{height:102px;min-height:102px;margin-bottom:12px}.home-screen .home-art i{height:64px}.home-screen .home-art i:nth-child(2){height:80px}.home-screen .home-art i:nth-child(3){height:58px}.home-screen h1{margin-bottom:7px;font-size:28px}.home-screen p{margin-bottom:12px}.home-screen .home-progress{margin:12px 0;padding:11px}.home-screen .btn{min-height:40px;margin-top:8px;padding:8px}.home-screen .menu-card{min-height:54px;margin-top:8px;padding:10px}.home-screen .btn.ghost{min-height:30px}.home-screen .modal-note{margin-top:8px!important}}