*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fbf5e9;color:#4a2a1c;font-family:"Kaiti SC","STKaiti","KaiTi","PingFang SC",system-ui,sans-serif}button{font:inherit;color:inherit}.app{position:relative;width:min(100vw,520px);height:100dvh;min-height:100vh;margin:auto;overflow:hidden;background:radial-gradient(circle at 52% 12%,#fffdf7 0,#fbf4e7 58%,#f6eddc 100%)}.app:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:repeating-linear-gradient(12deg,rgba(112,83,56,.035) 0 1px,transparent 1px 6px),repeating-linear-gradient(98deg,rgba(112,83,56,.022) 0 1px,transparent 1px 8px)}
.screen{position:absolute;inset:0;display:none;z-index:1}.screen.active{display:flex}.paper-card{background:rgba(255,252,244,.94);border:2px solid rgba(93,62,42,.32);box-shadow:0 5px 0 rgba(108,75,49,.08),0 11px 24px rgba(87,61,41,.07);border-radius:22px}
/* home */
.home{padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 18px);flex-direction:column;align-items:center}.music-corner{position:absolute;right:20px;top:calc(env(safe-area-inset-top) + 18px);width:44px;height:44px;border-radius:50%;border:2px solid #7d6c57;background:#e7f1e8;display:grid;place-items:center;font-size:21px;box-shadow:0 3px 0 #d6dfd7;z-index:5}.home-note{position:absolute;left:18px;top:calc(env(safe-area-inset-top) + 18px);font-size:13px;line-height:1.6;color:#7c6d5d;transform:rotate(-2deg);padding:8px 10px;border-left:2px solid #c9b99f}.title-paper{margin-top:54px;padding:10px 26px 8px;background:#fff3d8;border:2px solid rgba(104,72,48,.28);border-radius:40% 37% 32% 45%/28% 34% 29% 35%;transform:rotate(-1deg);box-shadow:0 5px 0 rgba(101,72,48,.08);position:relative}.game-title{font-size:46px;line-height:1;font-weight:900;letter-spacing:2px;color:#54301f;text-shadow:.7px .5px 0 #54301f}.home-sub{font-size:14px;margin-top:13px;color:#75614e;border-bottom:3px solid rgba(235,128,124,.42);padding-bottom:3px}.home-art{position:relative;width:min(84vw,370px);height:min(38vh,310px);margin:16px 0 8px}.home-art .hb{position:absolute}.home-art img{width:100%;height:100%;object-fit:fill}.hb.h3{width:72%;height:22%;left:10%;top:2%;transform:rotate(-2deg)}.hb.h2a{width:52%;height:21%;left:28%;top:22%;transform:rotate(1deg)}.hb.v2{width:22%;height:50%;left:4%;top:34%;transform:rotate(-1deg)}.hb.target{width:54%;height:21%;left:27%;top:42%;z-index:3}.hb.v3{width:22%;height:66%;right:0;top:20%;transform:rotate(1deg)}.hb.h2b{width:54%;height:21%;left:38%;bottom:1%;transform:rotate(-1deg)}.hb.s1{width:22%;height:26%;left:29%;top:62%}.hb.s2{width:22%;height:26%;right:2%;bottom:0}.doodle-leaf{position:absolute;width:72px;height:90px;opacity:.72}.leaf-l{left:-8px;bottom:110px;transform:rotate(-12deg)}.leaf-r{right:-15px;bottom:80px;transform:scaleX(-1) rotate(-9deg)}.main-start{width:min(82vw,380px);height:72px;border:2.5px solid #6b4933;border-radius:28px;background:#fff0b8;box-shadow:0 6px 0 #ead69b,0 11px 22px rgba(83,57,37,.10);font-size:27px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:14px}.main-start:active,.home-mini:active,.game-btn:active{transform:translateY(2px)}.home-row{width:min(82vw,380px);display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.home-mini{height:54px;border:2px solid rgba(86,63,44,.5);border-radius:22px;font-size:18px;font-weight:800;box-shadow:0 4px 0 rgba(98,73,50,.10)}.home-mini.levels{background:#e5f0df}.home-mini.settings{background:#f7dfdf}.home-quote{font-size:14px;color:#8a7562;margin-top:auto;padding-bottom:2px;transform:rotate(-1deg)}
/* levels */
.levels-screen{padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 12px);flex-direction:column}.screen-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.back-btn,.round-btn{border:2px solid #8a735e;background:#fff9ed;border-radius:17px;width:46px;height:46px;font-size:22px;font-weight:900;box-shadow:0 3px 0 #e7ddcf}.screen-head h2{margin:0;font-size:28px}.screen-head .grow{flex:1}.level-scroll{overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 2px 24px}.chapter-label{margin:12px 4px 8px;font-size:17px;font-weight:900;color:#6d5846}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.level-card{aspect-ratio:1;border:2px solid #8d7763;background:#fff9ed;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 #eadfce;position:relative}.level-card .n{font-size:20px;font-weight:900}.level-card .best{font-size:10px;color:#8d7c6a;margin-top:2px}.level-card.done{background:#e9f2df}.level-card.current{outline:3px solid rgba(239,147,139,.35)}.level-card.locked{opacity:.4;filter:grayscale(.25)}.level-card.locked:after{content:"⌁";position:absolute;right:5px;top:2px;font-size:14px}
/* game */
.game{padding:calc(env(safe-area-inset-top) + 8px) 12px calc(env(safe-area-inset-bottom) + 10px);flex-direction:column}.game-top{display:flex;align-items:center;gap:8px;margin:0 2px 8px}.level-tag{flex:1;text-align:center;padding:7px 10px;border:2px solid rgba(100,74,53,.35);border-radius:16px 20px 17px 19px;background:#fff9e8;font-size:18px;font-weight:900}.moves-tag{min-width:76px;text-align:center;font-size:11px;color:#7c6c5d}.moves-tag b{font-size:21px;color:#4a2a1c;display:block}.game-board-wrap{position:relative;width:100%;max-width:470px;aspect-ratio:1;margin:auto}.board-paper{position:absolute;inset:0;border:3px solid rgba(88,61,42,.35);border-radius:10% 8% 9% 11%/8% 10% 9% 8%;background:linear-gradient(145deg,#fffdf6,#fbf2e3);box-shadow:0 8px 0 rgba(107,76,48,.07),0 15px 28px rgba(81,60,39,.06),inset 0 0 0 7px rgba(255,255,255,.55)}.board-paper:before{content:"";position:absolute;inset:9px;border:2px dashed rgba(166,131,91,.20);border-radius:9% 8% 10% 8%;pointer-events:none}.board{position:absolute;left:6.2%;top:6.2%;width:87.6%;height:87.6%;touch-action:none;overflow:visible}.exit-mouth{position:absolute;right:-7.5%;top:33.33%;width:8.5%;height:16.67%;background:#fbf2e3;border:3px solid rgba(88,61,42,.30);border-left:none;border-radius:0 55% 55% 0/0 45% 45% 0;z-index:1}.exit-arrow{position:absolute;right:-11.5%;top:36%;font-size:31px;color:#ef8e87;font-weight:900;transform:rotate(-2deg);z-index:6;text-shadow:1px 1px 0 #f7c9c5}.block{position:absolute;z-index:3;touch-action:none;user-select:none;transition:left .15s cubic-bezier(.2,.8,.2,1),top .15s cubic-bezier(.2,.8,.2,1),transform .15s ease,opacity .18s ease,filter .15s ease}.block img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.block.dragging{z-index:12;transition:none;filter:brightness(1.02)}.block.bump{animation:bump .24s ease}.block.hint{animation:hintPulse 1s ease-in-out 2;filter:drop-shadow(0 0 8px rgba(239,154,125,.65))}.block.exit-run{transition:transform .48s cubic-bezier(.2,.75,.2,1),opacity .48s ease!important;z-index:20}.board-caption{text-align:center;font-size:12px;color:#8e7c69;margin:7px 0 4px}.game-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px}.game-btn{height:52px;border:2px solid rgba(91,67,48,.52);border-radius:21px;background:#fff8e8;font-weight:900;font-size:16px;box-shadow:0 4px 0 rgba(94,68,47,.10)}.game-btn.undo{background:#fff1c7}.game-btn.hint{background:#f7dddd}.game-btn.restart{background:#e9f1df}.pause-mini{width:46px;height:46px;border:2px solid #8d7762;border-radius:17px;background:#fff9ee;font-size:20px;font-weight:900}.top-home{width:46px;height:46px;border:2px solid #8d7762;border-radius:17px;background:#fff9ee;font-size:21px;font-weight:900}
@keyframes bump{35%{transform:translate(var(--bx,-4px),var(--by,0))}70%{transform:translate(calc(var(--bx,-4px)*-.6),calc(var(--by,0)*-.6))}}@keyframes hintPulse{50%{transform:scale(1.035)}}
/* overlays */
.overlay{position:absolute;inset:0;background:rgba(87,62,42,.18);backdrop-filter:blur(4px);z-index:40;display:none;align-items:center;justify-content:center;padding:24px}.overlay.show{display:flex}.modal{width:min(88vw,390px);background:#fffaf0;border:2.5px solid #826b55;border-radius:34px 28px 33px 29px;padding:24px 20px;box-shadow:0 10px 0 rgba(114,82,54,.10),0 22px 45px rgba(76,52,35,.14);text-align:center;position:relative}.modal:before{content:"";position:absolute;inset:7px;border:1.5px dashed rgba(160,127,91,.25);border-radius:27px;pointer-events:none}.modal h3{font-size:28px;margin:4px 0 8px}.modal p{font-size:14px;line-height:1.7;color:#756654}.modal .big{width:100%;height:52px;border:2px solid #7b654f;border-radius:20px;background:#fff0ba;font-size:18px;font-weight:900;margin-top:10px}.modal .soft{width:100%;height:48px;border:2px solid rgba(104,79,59,.48);border-radius:19px;background:#f1eadf;font-size:16px;font-weight:800;margin-top:9px}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;border:1.5px solid rgba(103,77,57,.3);background:#fffdf7;border-radius:18px;padding:13px 14px;margin:9px 0}.switch{width:48px;height:28px;border-radius:999px;background:#d8d0c6;position:relative}.switch:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 4px rgba(0,0,0,.16);transition:.2s}.switch.on{background:#b9d6b0}.switch.on:after{left:23px}.win-doodle{font-size:44px;margin:2px}.win-stat{font-size:13px;color:#7d6c5d;margin:7px 0}.win-stat b{font-size:24px;color:#4a2a1c}.toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 68px);transform:translate(-50%,-9px);background:#5a3b29;color:#fff8ef;border-radius:999px;padding:9px 15px;font-size:12px;z-index:80;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:.95;transform:translate(-50%,0)}
@media(max-height:720px){.title-paper{margin-top:24px}.game-title{font-size:39px}.home-art{height:250px;margin-top:9px}.main-start{height:62px}.home-mini{height:48px}.home-quote{display:none}.board-caption{display:none}.game-controls{margin-top:4px}.game-btn{height:46px}.game-board-wrap{width:min(100%,66vh)}}