:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#2b414b;background:#f6f4ef}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 82% 23%,#e5eeee 0,transparent 48%),radial-gradient(ellipse at 8% 88%,#f6e9df 0,transparent 48%),#f6f4ef}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:3px solid #ecab51;outline-offset:4px}button:disabled{cursor:default;opacity:.4}button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.layout{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;gap:90px;padding:28px 32px}.intro{width:286px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:57px}.brand-mark{width:43px;height:43px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-8deg)}.brand-mark i{border-radius:8px;box-shadow:inset 0 -3px #0000000c,inset 0 2px #fff6}.brand-mark i:nth-child(1){background:#ef7784}.brand-mark i:nth-child(2){background:#67bc9a}.brand-mark i:nth-child(3){background:#edc55c}.brand-mark i:nth-child(4){background:#79abd1}.brand-name{font-size:21px;font-weight:850;letter-spacing:-.6px}.brand-name span{display:block;font-size:10px;font-weight:600;letter-spacing:2.7px;margin-top:5px;color:#7b8b91}h1{font-size:36px;line-height:1.48;letter-spacing:-1.6px;font-weight:800;margin:0 0 20px}.intro>p{font-size:14px;line-height:1.95;color:#77868a;margin:0;max-width:267px}.intro-flow{margin:30px 0 32px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;color:#7c8c91}.flow-box{width:52px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:3px;background:#f4a7ad;box-shadow:0 3px #ce7c8540,inset 0 1px #fff}.flow-box i{width:10px;height:10px;border-radius:50%;background:#ef6e80;box-shadow:inset 0 2px 1px #ffffff70,0 1px 2px #9b445250}.flow-box.received{background:#ed7788}.flow-box.received i{background:#f998a5}.intro-rule{border-top:1px solid #293e4912;padding-top:23px;display:grid;gap:18px}.intro-rule>div{display:flex;gap:11px;align-items:flex-start}.intro-rule b{font-size:11px;width:23px;height:23px;border:1px solid #d4dddb;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-weight:700;color:#6b7e82}.intro-rule p{font-size:13px;line-height:1.6;margin:1px 0 0;color:#66797d}.intro-rule strong{color:#344e56;font-weight:650}.desktop-help{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #c5d2d1;border-radius:13px;padding:12px 17px;font-size:13px;margin:28px 0 25px;transition:.2s}.desktop-help:hover{background:#fff;transform:translateY(-2px)}.desktop-help svg{width:18px;height:18px}.build-note{font-size:10px;color:#98a3a3;letter-spacing:.4px;line-height:1.9}.device-wrap{flex-shrink:0;position:relative}.game{width:432px;height:860px;position:absolute;top:0;left:0;transform-origin:0 0;border-radius:35px;background:#eff4f3;box-shadow:0 30px 80px #25404e25,0 4px 12px #30485312,0 0 0 7px #fff,0 0 0 8px #dce4e3;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}#board{position:absolute;inset:0;width:432px;height:860px;touch-action:none}.hud{position:absolute;inset:0 0 auto;height:174px;pointer-events:none}.header-row{position:absolute;top:22px;left:23px;right:23px;height:49px;display:flex;align-items:center;justify-content:space-between}.icon-btn{width:43px;height:43px;display:grid;place-items:center;background:#ffffffc9;border:1px solid #fff;border-radius:15px;box-shadow:0 3px #dbe4e3;pointer-events:auto;transition:transform .15s}.icon-btn:active{transform:translateY(2px)}.level-title{position:absolute;left:50%;transform:translate(-50%);text-align:center;min-width:180px}.level-title b{display:block;font-size:23px;letter-spacing:.4px;font-weight:800}.level-title span{display:block;color:#8a9a9c;font-size:11px;margin-top:5px}.coins{display:flex;align-items:center;gap:7px;min-width:78px;height:39px;padding:0 12px 0 7px;background:#fff9eb;border:1px solid white;border-radius:24px;font-weight:750;font-size:15px;box-shadow:0 2px #dddfd055}.coin-icon{display:grid;place-items:center;background:linear-gradient(145deg,#ffe49a,#ecc454);border:2px solid #edbc48;border-radius:50%;width:25px;height:25px;color:#b68a2c;font-weight:800;font-size:15px;box-shadow:inset 0 0 0 2px #ffe5a2}.progress-row{position:absolute;top:96px;left:25px;right:25px;display:flex;gap:12px;align-items:center}.progress-label{white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:12px;color:#687e82}.progress-label svg{width:18px;height:18px;fill:none;stroke:#7e9494;stroke-width:1.7}.progress-track{height:9px;flex:1;background:#dce6e4;border-radius:10px;box-shadow:inset 0 2px 2px #2b484410;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#84b8b1,#4c9690);border-radius:10px;transition:width .25s}.progress-count{min-width:35px;font-size:12px;font-weight:750;text-align:right;color:#526e73}.levels-btn{pointer-events:auto;width:31px;height:31px;border-radius:10px;background:#ffffffa9;display:grid;place-items:center}.levels-btn svg{width:18px;height:18px}.instruction{position:absolute;top:140px;left:24px;right:24px;height:35px;background:#ffffffae;border:1px solid #ffffff;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;color:#6c7d80;font-size:11px;letter-spacing:.1px;transition:background .2s}.instruction i{display:block;width:6px;height:6px;border-radius:100%;background:#dfb364}.instruction.warn{background:#fff0e9;color:#b46348;border-color:#f8dacb}.instruction.warn i{background:#e48967}.speed-button{position:absolute;left:324px;top:502px;height:29px;width:47px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:12px;background:#dce7e5;color:#526b70;font-size:12px;font-weight:800;border:1px solid #edf6f4}.speed-button svg{width:13px;height:13px}.tools{position:absolute;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;gap:15px}.tool{width:113px;height:63px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;background:#ffffffd9;border:1px solid white;box-shadow:0 4px #d7e1df;transition:transform .15s,box-shadow .15s}.tool:active{transform:translateY(3px);box-shadow:0 1px #d7e1df}.tool svg{width:23px;height:23px;color:#758a8e}.tool span{font-size:13px;font-weight:650}.tool.hint{background:#f8d782;border-color:#fff2c5;box-shadow:0 4px #dbb967;color:#735a2b}.tool.hint svg{color:#876a34}.toast{position:absolute;bottom:101px;left:50%;transform:translate(-50%,8px);max-width:388px;min-width:160px;background:#2b414aee;color:#fff;border-radius:12px;padding:11px 16px;font-size:12px;line-height:1.6;text-align:center;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:9}.toast.visible{opacity:1;transform:translate(-50%)}.modal-layer{position:absolute;inset:0;z-index:20;background:#2b414866;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.modal-layer[hidden]{display:none}.modal{width:100%;max-height:790px;overflow:auto;border-radius:28px;padding:26px 24px 24px;background:#f9fbf7;box-shadow:0 16px 45px #143a3c2b;border:2px solid #fff;animation:modal-in .25s cubic-bezier(.2,.8,.3,1)}.modal h2{margin:8px 0;font-size:23px;font-weight:800;letter-spacing:-.4px}.modal p{font-size:12px;line-height:1.85;color:#7b8b8d;margin:0 0 20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.close-btn{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eaf0eb;font-size:22px;color:#899c9c}.eyebrow{font-size:9px;letter-spacing:2px;color:#a0afad;font-weight:750}.modal .primary,.modal .secondary{min-height:48px;width:100%;border-radius:14px;font-size:14px;font-weight:750;margin-top:10px}.modal .primary{background:#385e65;color:#fff;box-shadow:0 3px #203f4519}.modal .secondary{background:#e8efeb;color:#577276}.modal .primary:active,.modal .secondary:active{transform:translateY(1px)}.help-step{display:flex;gap:12px;margin:19px 0;align-items:center}.help-step .number{width:43px;height:43px;background:#e7eeea;border-radius:14px;display:grid;place-items:center;color:#557a7b;font-weight:800;flex-shrink:0}.help-step strong{display:block;font-size:13px;margin-bottom:5px}.help-step span{font-size:11px;line-height:1.7;display:block;color:#84928f}.rule-note{font-size:11px;line-height:1.8;background:#f4eddf;padding:13px;border-radius:12px;color:#968061;margin-top:17px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0 8px}.level-tile{height:91px;border-radius:16px;background:#e8f0eb;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.level-tile.current{border-color:#e1b86b;background:#fff1d2}.level-tile.passed{background:#e2eeea}.level-tile b{font-size:24px;font-weight:800}.level-tile span{font-size:10px;color:#90a29d}.level-tile .stars{color:#dfb565;letter-spacing:2px;font-size:10px}.result{text-align:center}.result-emblem{width:95px;height:95px;border-radius:29px;background:#fcdf92;box-shadow:inset 0 3px #ffedbe,0 6px #dec37e;margin:7px auto 21px;display:grid;place-items:center;transform:rotate(-7deg)}.result-emblem svg{width:53px;height:53px;fill:none;stroke:#957025;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.result-emblem.failed{background:#edb9a2;box-shadow:inset 0 3px #f8d0bd,0 6px #cfa68f}.result-emblem.failed svg{stroke:#9d6550}.result-stars{font-size:33px;letter-spacing:9px;color:#e5b34b;margin:10px 0 16px;padding-left:9px;text-shadow:0 2px 0 #cfa95122}.result-stats{display:flex;border-radius:16px;background:#ecf1eb;padding:15px 4px;margin:18px 0}.result-stats div{flex:1}.result-stats div+div{border-left:1px solid #dce4dc}.result-stats b{display:block;font-size:22px}.result-stats span{display:block;font-size:10px;color:#86968e;margin-top:5px}.reward{font-size:12px;color:#a38c56;display:flex;justify-content:center;align-items:center;gap:7px;margin:5px 0 22px}.reward .coin-icon{width:21px;height:21px;font-size:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6ede7;padding:17px 0;font-size:13px}.setting-row small{display:block;color:#93a09a;font-size:10px;margin-top:5px}.toggle{width:43px;height:25px;background:#cdd8d1;border-radius:20px;padding:3px}.toggle:after{content:"";display:block;width:19px;height:19px;background:#fff;border-radius:100%;transition:transform .15s;box-shadow:0 2px 4px #0000000f}.toggle.on{background:#689d96}.toggle.on:after{transform:translate(18px)}.modal .link{background:none;font-size:11px;color:#a0907c;padding:15px 8px 0;width:100%}.source-hit{position:absolute;background:none;opacity:0;border-radius:17px;z-index:2}.source-hit:focus-visible{opacity:1;background:#ffffff05;outline:3px solid #efb856;outline-offset:2px}.hidden-status{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.mobile-wordmark{display:none}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.layout{gap:43px;padding:20px}.intro{width:240px}.brand{margin-bottom:35px}h1{font-size:30px}}@media(max-width:700px){body{overflow:hidden;background:#eff4f3}.intro{display:none}.layout{padding:0;min-height:100dvh;height:100dvh;gap:0}.game{border-radius:0;box-shadow:none}.device-wrap{align-self:center}.modal{max-height:790px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:701px)and (max-height:820px){.brand{margin-bottom:22px}h1{font-size:30px;margin-bottom:13px}.intro-flow{margin:18px 0}.intro-rule{gap:11px;padding-top:15px}.desktop-help{margin:17px 0}.build-note{font-size:9px}.layout{padding-top:24px;padding-bottom:24px}}