*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#f8eadc;color:#6a4031;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;overscroll-behavior:none}body{margin:0;min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 16%,#fff9ec 0,#f9ecde 46%,#f3d8c9 100%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #de83a2;outline-offset:4px}button:disabled{opacity:.35;cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button svg circle{fill:#fff5e9}#app{width:min(100%,470px);margin:auto;position:relative;min-height:100svh;padding:calc(14px + env(safe-area-inset-top)) 15px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch}.ambient{position:fixed;border-radius:50%;pointer-events:none;filter:blur(1px);opacity:.6}.ambient-a{width:95px;height:95px;background:radial-gradient(circle at 35% 25%,#ffb0cd,#f079a4 55%,#c85c85);left:calc(50% - 400px);top:20%;box-shadow:0 10px 25px #9c555424}.ambient-b{width:65px;height:65px;background:radial-gradient(circle at 35% 25%,#fffab2,#ffcf4f 55%,#e7a934);right:calc(50% - 390px);top:63%;box-shadow:0 10px 25px #9c555424}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 8px}.brand{display:flex;gap:10px;align-items:center}.brand-icon{color:#d9905d;font-size:32px;filter:drop-shadow(0 2px 0 white)}h1{font-size:25px;line-height:1.15;margin:0;font-weight:850;letter-spacing:2px;color:#754637;text-shadow:0 1px 0 white}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#b48670}.brand .eyebrow{display:block;margin-top:5px;font-size:6.5px;letter-spacing:1.25px}.icon-button{background:#fff8ebd9;border:1px solid #e9cdb7;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;box-shadow:0 3px 0 #e9cfb9}.levelbar{height:47px;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:0 8px;flex-shrink:0}.level-pill{background:transparent;display:flex;align-items:center;gap:8px;padding:5px 0;white-space:nowrap;font-size:12px;font-weight:700}.level-pill #level-index{background:#f1d8c2;color:#9c694e;border-radius:9px;padding:5px 7px;font-size:11px;letter-spacing:1px}.chevron{color:#af8f7e}.progress-wrap{display:flex;align-items:center;gap:7px;flex:1;max-width:150px}.progress-track{height:9px;border-radius:10px;overflow:hidden;background:#e8d2bd;box-shadow:inset 0 1px 3px #9b695b16;flex:1;border:1px solid #fef9eb}#progress-fill{height:100%;width:0;background:linear-gradient(90deg,#ff9eb8,#ea729c);border-radius:10px;transition:width .25s ease}#progress-text{font-size:10px;color:#9b7563;min-width:29px;font-variant-numeric:tabular-nums}#stage{position:relative;width:100%;aspect-ratio:10.72/13.7;flex:0 1 auto;min-height:0}#game{width:100%;height:100%;display:block;touch-action:none;outline:none;user-select:none}#loading{position:absolute;inset:0;border-radius:30px;background:linear-gradient(145deg,#fff5e8f7,#f9e6d4f5);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;gap:12px;transition:opacity .3s}#loading.done{opacity:0;pointer-events:none}#loading strong{font-size:18px;letter-spacing:2px}#loading span{font-size:12px;color:#b08771}.loading-candy{display:flex;gap:9px;height:30px;align-items:center}.loading-candy i{width:17px;height:17px;background:radial-gradient(circle at 30% 25%,#ffc5df,#f45d9e 65%);border-radius:50%;animation:bounce .7s ease-in-out infinite alternate;box-shadow:0 3px 4px #d8ac9e}.loading-candy i:nth-child(2){animation-delay:.15s;background:radial-gradient(circle at 30% 25%,#fff8ba,#ffc73c 65%)}.loading-candy i:nth-child(3){animation-delay:.3s;background:radial-gradient(circle at 30% 25%,#bce9ff,#3ea9ef 65%)}@keyframes bounce{to{transform:translateY(-10px)}}.tip{font-size:12px;line-height:1.5;text-align:center;min-height:18px;color:#a77b64;margin:8px 5px 13px}.toolbar{display:flex;justify-content:space-evenly;padding:0 12px;flex-shrink:0}.tool{background:none;width:65px;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:#ac806a}.tool svg{background:linear-gradient(#fff9ed,#f6e6d4);width:46px;height:46px;padding:12px;border:1px solid #e6cbb2;border-radius:17px;box-shadow:0 3px 0 #dfc1a8,0 5px 10px #b2795b10;transition:transform .12s}.tool:active svg,.icon-button:active{transform:translateY(2px);box-shadow:none}.tool.active svg{background:#fdd2e0;color:#b74471;border-color:#e8a0b8}.bottom-note{font-size:9px;text-align:center;color:#ba9580;margin-top:18px;letter-spacing:.5px}.small-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#cbaa87;vertical-align:middle;margin-right:5px}#toast{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);background:#764d3ddf;color:#fff8ee;padding:9px 16px;border-radius:22px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:.22s;z-index:5;backdrop-filter:blur(10px)}#toast.show{opacity:1;transform:translate(-50%,0)}#hint-hand{position:absolute;left:50%;top:42%;transform:translateX(-50%);background:#fff6e9e8;border:1px solid #e4bca2;border-radius:15px;color:#a66a52;padding:7px 13px;font-size:12px;pointer-events:none;box-shadow:0 3px 14px #7b4b3017}dialog{border:1px solid #ead0bb;background:#fff4e6;color:#744b37;border-radius:28px;padding:26px;width:min(90vw,390px);box-shadow:0 25px 90px #5d2e3536}dialog::backdrop{background:#76534157;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:21px;margin:7px 0 0}.close{background:#f5e3d1;border-radius:50%;font-size:23px;width:32px;height:32px;line-height:1}.muted{font-size:11px;color:#aa8771;line-height:1.8}.setting-row{padding:14px 0;border-bottom:1px solid #ead3bf;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.setting-row small{display:block;font-size:10px;color:#b28e78;margin-top:4px}.setting-row input{accent-color:#df8ca1;width:20px;height:20px}.setting-row select{padding:6px 10px;background:#fff9f0;border:1px solid #dfbea7;color:#805842;border-radius:10px;font-size:12px}#level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.level-option{border:1px solid #e4c4aa;border-radius:15px;background:#fffaf0;padding:12px 0;font-weight:750;position:relative;font-size:17px;box-shadow:0 3px 0 #e8ceb8}.level-option.current{background:#f8cada;color:#a83963;border-color:#e69eb8}.level-option.complete:after{content:'✦';font-size:8px;position:absolute;bottom:1px;left:50%;transform:translateX(-50%);color:#d99b41}#win-dialog{text-align:center;padding:26px 28px 20px}#win-dialog h2{font-size:22px;line-height:1.5;margin:14px 0 5px}#win-dialog p{font-size:13px;color:#a5826d}.win-star{font-size:65px;line-height:1.2;color:#efb65d;text-shadow:0 3px 0 #ffe8b3;animation:star-in .6s ease-out}@keyframes star-in{from{transform:scale(.2)rotate(-45deg);opacity:0}to{transform:scale(1)rotate(0);opacity:1}}.win-pills{display:flex;justify-content:center;gap:8px;margin:20px 0}.win-pills span{font-size:11px;border:1px solid #ead2bc;padding:6px 10px;border-radius:20px;color:#a48066}.primary{width:100%;padding:15px 22px;background:linear-gradient(135deg,#f78daf,#e66c97);border:1px solid #db5d86;box-shadow:0 4px 0 #c95d7e;color:white;border-radius:17px;font-size:15px;font-weight:750;display:flex;justify-content:space-between;align-items:center}.text-button{background:none;color:#a37b62;font-size:12px;padding:18px 8px 0}.download-link{display:block;color:#b46578;font-size:12px;margin-top:16px}#metrics{font:10px/1.6 monospace;background:#6e4436d9;color:#fff9ee;border-radius:10px;padding:8px 10px;position:fixed;bottom:12px;left:12px;z-index:20;white-space:pre}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#error{position:absolute;inset:0;background:#fff2e5f0;padding:40px 25px;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}#error[hidden]{display:none}#error h2{font-size:20px}#error p{font-size:13px;line-height:1.8}#error button{padding:12px 24px;border-radius:12px;background:#e88caa;color:#fff}@media(min-width:700px){#app{padding-top:22px;padding-bottom:18px;max-height:100svh}#stage{max-height:calc(100svh - 242px)}.bottom-note{margin-top:14px}}@media(max-height:760px) and (max-width:699px){#app{padding-top:7px}.topbar{height:49px}.levelbar{height:40px}#stage{max-height:calc(100svh - 203px)}.tip{margin:4px 0 9px;font-size:11px}.toolbar .tool svg{width:41px;height:41px;padding:11px}.bottom-note{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-candy i,.win-star{animation:none}}