@font-face{font-family:Diary;src:url(./diary-C2FM3lAL.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Diary,Kaiti SC,KaiTi,STKaiti,Songti SC,serif;color:#645c44;background:#e9e6d4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#645c44;--olive:#747d50;--muted:#999078;--line:#c5bb96;--paper:#fbf3da}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:2px solid #718051;outline-offset:4px}button,img,canvas{-webkit-user-select:none;user-select:none}button svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{touch-action:manipulation}p,h1,h2{margin:0}svg{overflow:visible}.desk{min-height:100svh;display:grid;place-items:center;padding:18px 24px 22px;background:radial-gradient(ellipse at 50% 30%,#f5f0d9 0,#e9e6d4 72%);position:relative;overflow:hidden}.diary-page{position:relative;width:min(100%,720px);padding:19px 32px 15px;background:var(--paper);border:1px solid #bcad83;border-radius:5px 7px 9px 5px;box-shadow:1px 3px #ddd5b9,3px 6px 0 -1px #f4ecd2,4px 7px #c8bea0,0 16px 40px #84754a17;isolation:isolate}.diary-page:before{content:"";position:absolute;inset:6px;border:1px solid #b3a58126;border-radius:2px 5px 5px 2px;pointer-events:none;z-index:-1}.page-grain{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:10;opacity:.14;mix-blend-mode:multiply;background-image:url(./paper-grain-DR6Aggyf.svg)}.page-top{height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.chapter{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:2px;color:#968b6d;border-bottom:1px solid #c3b797;padding:4px 6px 7px;transform:rotate(-1deg)}.chapter svg{width:17px;height:17px;fill:none;stroke:#969575;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.top-actions{display:flex;gap:8px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #bcaf89;border-radius:5px 3px 5px 4px;background:#f9f0d6;box-shadow:2px 2px #d4c8a452;transition:background .15s,transform .15s}.icon-button svg{width:20px;height:20px}.icon-button:hover{background:#e8e9ca;transform:rotate(-4deg)}.icon-button:active{transform:translateY(1px)}.is-muted{color:#a49b83}.hero{display:flex;justify-content:space-between;align-items:center;padding:14px 11px 8px 8px}.title-group{display:flex;align-items:baseline;gap:20px}h1{font-size:48px;font-weight:400;line-height:1.2;letter-spacing:2px;white-space:nowrap;color:#5e5c41}h1 span{position:relative;color:#728050;margin-left:6px}h1 span svg{position:absolute;width:100%;height:7px;left:0;bottom:-5px;stroke:#929965;stroke-width:1.1;fill:none;stroke-linecap:round}.tagline{font-size:14px;letter-spacing:1.4px;color:#91866a;transform:rotate(-2deg)}.little-stamp{display:grid;place-items:center;gap:4px;font-size:10px;letter-spacing:1px;color:#a78368;transform:rotate(8deg);width:65px;height:66px;border:1.5px solid #bfa18b;border-radius:50%;position:relative;flex-shrink:0}.little-stamp:before{content:"";position:absolute;inset:4px;border:1px dashed #c1a38b;border-radius:50%}.little-stamp span{padding-top:9px}.little-stamp strong{font-weight:400;font-size:12px}.little-stamp svg{width:12px;height:10px;fill:none;stroke:#aa8d6d;stroke-width:1.6;margin-bottom:8px}.how-to{font-size:14px;text-align:center;color:#9a8e70;padding:10px 0 0;line-height:1.5;letter-spacing:.5px}.pencil-dot{display:inline-block;width:4px;height:4px;border:1px solid #aba77c;transform:rotate(20deg);vertical-align:middle;margin-right:8px}.board-stage{position:relative;width:min(100%,600px,calc((100svh - 342px)*1.2308));min-width:min(100%,370px);aspect-ratio:640/520;margin:0 auto;isolation:isolate}.game-canvas{position:absolute;inset:0;touch-action:manipulation}.game-canvas canvas{display:block;touch-action:none}.speech-bubble{position:absolute;pointer-events:none;transform:translate(-50%,-100%) rotate(-3deg);font-size:14px;line-height:1.5;white-space:nowrap;max-width:230px;padding:7px 13px;background:#fffae6;border:1px solid #b7ab87;border-radius:12px 7px 11px 6px;box-shadow:1px 2px #b8aa7520;color:#756442;z-index:3}.speech-bubble:after{content:"";position:absolute;bottom:-5px;left:55%;width:8px;height:8px;transform:skew(-15deg) rotate(45deg);background:#fffae6;border-right:1px solid #b7ab87;border-bottom:1px solid #b7ab87}.speech-enter-active,.speech-leave-active{transition:opacity .18s,translate .18s}.speech-enter-from,.speech-leave-to{opacity:0;translate:0 4px}.turn-note{position:absolute;bottom:7px;left:4px;color:#a19b7f;font-size:12px;letter-spacing:1px;pointer-events:none}.turn-note b{font-weight:400;font-size:20px;color:#7f8660;margin:0 4px}.edge-note{position:absolute;right:0;bottom:19px;font-size:11px;color:#aaa181;transform:rotate(-6deg);pointer-events:none}.edge-note svg{width:23px;height:20px;margin-left:4px;stroke:#b0a584;stroke-width:1.2;fill:none;vertical-align:middle}.loading-paper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;background:#fbf3daed;font-size:16px;color:#8d886b;z-index:5}.loading-leaf{font-size:33px;color:#9ca172;animation:slow-turn 3s ease-in-out infinite}.text-button{border:0;border-bottom:1px solid #8f9670;background:transparent;padding:5px 8px;font-size:14px;color:#737c52}@keyframes slow-turn{50%{transform:rotate(35deg);opacity:.4}}.below-board{min-height:93px;border-top:1px solid #b9ae873b;margin-top:5px}.item-tray{display:flex;align-items:center;justify-content:center;gap:28px;padding:14px 4px 9px;min-height:93px}.tray-label{display:grid;gap:6px;min-width:80px;padding-left:4px;transform:rotate(-3deg)}.tray-label span{font-size:11px;color:#a2997c;letter-spacing:1px}.tray-label strong{font-weight:400;font-size:19px;color:#737d50}.item-sequence{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.item-sequence li{position:relative;width:50px;text-align:center;color:#a19678}.item-well{width:46px;height:44px;display:grid;place-items:center;position:relative;margin:auto}.item-well:before{content:"";position:absolute;inset:3px -2px -1px;border:1px solid transparent;border-radius:9px 4px 8px;transform:rotate(-5deg);transition:background .2s,border-color .2s}.item-well img{width:44px;height:44px;position:relative;filter:saturate(.75);opacity:.73;transition:transform .2s,opacity .2s}.item-name{font-size:11px;display:block;line-height:1.5;margin-top:5px;letter-spacing:.5px}.is-current .item-well:before{background:#e2e7c3;border-color:#a1aa79;box-shadow:1px 2px #bbb88838}.is-current .item-well img{transform:translateY(-2px) rotate(-4deg) scale(1.06);filter:none;opacity:1}.is-current .item-name{color:#6d794b}.sequence-arrow{width:11px;height:7px;stroke:#beb79b;fill:none;stroke-width:1.5;position:absolute;right:-17px;top:21px}.item-sequence li:last-child .sequence-arrow{display:none}.result-note{min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 10px 10px}.result-caption{font-size:12px;color:#a38d74;letter-spacing:.5px}.result-note h2{font-size:23px;font-weight:400;color:#847456;margin-top:6px}.result-note--won h2{color:#6e7c4c}.play-again{display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;background:#e2e6bf;border:1px solid #98a16f;border-radius:4px 7px 4px 5px;padding:12px 15px;font-size:16px;box-shadow:2px 3px #d4d5af;transition:transform .15s,background .15s}.play-again svg{width:18px;height:18px}.play-again:hover{background:#d8dfaf;transform:rotate(-1deg)}.play-again:active{transform:translateY(2px);box-shadow:none}.page-change-enter-active,.page-change-leave-active{transition:opacity .2s,transform .2s}.page-change-enter-from{opacity:0;transform:translateY(6px)}.page-change-leave-to{opacity:0;transform:translateY(-4px)}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#afa48a;font-size:10px;line-height:1.7;letter-spacing:.7px;padding:5px 2px 0}.page-footer i{font-size:10px;font-style:normal;white-space:nowrap;color:#bdb497}.margin-note{position:absolute;color:#b2a584;display:flex;flex-direction:column;gap:12px;letter-spacing:2px;font-size:19px;line-height:1.6;font-weight:400}.margin-note i{font-size:10px;letter-spacing:1px;font-style:normal;margin-top:15px;opacity:.8}.margin-note svg{fill:none;stroke:#b3aa88;stroke-width:1.2;stroke-linecap:round}.margin-note--left{right:calc(50% + 405px);top:27%;transform:rotate(-7deg);width:170px}.margin-note--left svg{width:58px;height:45px;margin:0 auto 6px}.margin-note--right{left:calc(50% + 400px);bottom:26%;transform:rotate(6deg);width:205px;font-size:17px}.margin-note--right svg{width:70px;height:46px;margin:8px 0 -15px 42px}@media(min-width:1200px)and (min-height:850px){.diary-page{padding:24px 36px 18px}.hero{padding-top:20px;padding-bottom:14px}.board-stage{width:min(100%,600px,calc((100svh - 370px)*1.2308))}}@media(max-width:1160px){.margin-note{display:none}}@media(max-width:600px){.desk{padding:12px 12px 18px;align-items:center}.diary-page{padding:15px 14px 12px}.page-top{height:30px}.chapter{font-size:11px;letter-spacing:1.5px;padding-left:2px}.chapter svg{width:15px;height:15px}.top-actions{gap:6px}.icon-button{width:31px;height:31px}.icon-button svg{width:18px;height:18px}.hero{padding:15px 4px 9px}.title-group{display:block}h1{font-size:43px;letter-spacing:2px}.tagline{font-size:12px;letter-spacing:1.5px;margin:10px 0 0 3px}.little-stamp{width:56px;height:56px;margin-right:8px}.little-stamp strong{font-size:11px}.little-stamp span{font-size:9px}.little-stamp svg{width:10px;height:8px}.how-to{font-size:11px;padding-top:9px;letter-spacing:0}.board-stage{width:100%;min-width:0;margin-top:6px}.speech-bubble{font-size:11px;max-width:175px;padding:5px 9px}.turn-note{bottom:1px;left:3px;font-size:10px;letter-spacing:.5px}.turn-note b{font-size:17px;margin:0 2px}.edge-note{font-size:9px;bottom:10px;right:-3px}.edge-note svg{width:16px;height:14px}.below-board{margin-top:12px;min-height:90px}.item-tray{gap:10px;padding:12px 0 7px;min-height:90px}.tray-label{min-width:55px;padding:0}.tray-label span{font-size:9px;letter-spacing:0}.tray-label strong{font-size:16px}.item-sequence{gap:9px}.item-sequence li{width:39px}.item-well{width:35px;height:37px}.item-well img{width:36px;height:36px}.item-name{font-size:9px;margin-top:4px;letter-spacing:0}.sequence-arrow{width:7px;right:-9px;top:18px}.result-note{gap:10px;padding:13px 3px 9px;min-height:90px}.result-caption{font-size:10px;letter-spacing:0}.result-note h2{font-size:17px;line-height:1.35;max-width:190px}.play-again{font-size:13px;padding:10px 9px;gap:7px}.play-again svg{width:14px;height:14px}.page-footer{font-size:8px;letter-spacing:.3px;gap:6px}.page-footer i{font-size:8px}}@media(max-width:360px){.desk{padding:8px}.diary-page{padding-inline:10px}h1{font-size:39px}.item-tray{gap:6px}.item-sequence{gap:7px}.item-sequence li{width:37px}.tray-label{min-width:49px}.result-note h2{font-size:16px}.edge-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.level-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 7px 0;padding:10px 0 8px;border-top:1px dashed #c7bd9a;border-bottom:1px solid #c5bb963b}.level-heading{display:flex;align-items:center;gap:13px}.level-number{font-size:32px;color:#84905e;line-height:1;white-space:nowrap}.level-number small{font-size:12px;color:#b0a58a}.level-chapter{display:block;font-size:9px;letter-spacing:2px;color:#a4997c;margin-bottom:4px}.level-heading h2{font-size:19px;line-height:1.2;font-weight:400;color:#737951;letter-spacing:1px}.book-button{display:flex;align-items:center;gap:9px;border:1px solid #b9b18c;border-radius:5px 3px 6px;background:#f2edd6;padding:7px 10px;text-align:left;color:#7b805c;box-shadow:1px 2px #d6caaa40}.book-button svg{width:22px;height:22px}.book-button span{font-size:13px;line-height:1.2}.book-button small{display:block;font-size:9px;color:#a49a7e;margin-top:4px;letter-spacing:.5px}.book-button:hover{background:#e9eccf}.level-hint{text-align:center;font-size:11px;line-height:1.6;color:#9a8e6d;padding:3px 0 5px;letter-spacing:.5px}.level-hint>span{margin-right:6px;color:#9ba36c}.acting-note{margin-left:5px;font-size:10px;color:#999d77}.board-stage{width:min(100%,600px,calc((100svh - 442px)*1.2308))}.level-book{width:min(640px,calc(100% - 32px));max-height:calc(100svh - 48px);padding:25px 27px 18px;color:var(--ink);background:var(--paper);border:1px solid #b5a57f;border-radius:6px 10px 6px 8px;box-shadow:4px 5px #e2d9bb,0 20px 80px #584c3633;overflow:auto;overscroll-behavior:contain}.level-book::backdrop{background:#5b574659;backdrop-filter:blur(3px)}.book-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.book-eyebrow{font-size:10px;color:#a1977e;letter-spacing:2px;margin-bottom:8px}.book-header h2{font-size:28px;color:#737e51;font-weight:400;letter-spacing:2px}.book-description{font-size:12px;color:#9b8e70;margin-top:13px;line-height:1.5}.book-progress{display:flex;align-items:center;gap:5px;margin:15px 0 17px}.book-progress>span{height:5px;flex:1;border-radius:2px;background:#e8dfc1}.book-progress>span.filled{background:#99a574}.book-progress small{font-size:11px;color:#938968;margin-left:5px;white-space:nowrap}.level-pages{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0}.level-card{position:relative;display:flex;align-items:center;width:100%;min-height:95px;padding:6px 9px 6px 4px;text-align:left;border:1px solid #c7bc99;border-radius:5px 3px 7px 4px;background:#f8efd5;box-shadow:1px 2px #d5c9a634;transition:background .15s,transform .15s}.level-card:hover:enabled{background:#edf0d3;transform:rotate(-1deg)}.level-card.is-active{border-color:#8f9e6a;background:#e9edd0;box-shadow:0 0 0 1px #a4b07d44}.level-card.is-complete{border-style:dashed}.level-card:disabled{opacity:.47}.level-miniature{flex-shrink:0;width:87px;height:76px}.level-card-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.card-number{color:#9d977d;font-size:10px;letter-spacing:1px}.level-card-copy strong{font-size:16px;font-weight:400;white-space:nowrap;color:#71784e;letter-spacing:.3px}.level-card-copy small{color:#a09575;font-size:10px;white-space:nowrap}.done-mark{display:inline-block;margin-left:9px;color:#8a9963;font-size:12px}.book-footnote{font-size:10px;color:#afa285;text-align:center;line-height:1.6;margin-top:19px}@media(max-width:600px){.level-strip{margin:8px 3px 0;padding:8px 0;gap:10px}.level-heading{gap:9px}.level-number{font-size:27px}.level-number small{font-size:10px}.level-heading h2{font-size:16px;letter-spacing:.5px}.level-chapter{font-size:8px;letter-spacing:1px;margin-bottom:3px}.book-button{padding:6px 7px;gap:6px}.book-button svg{width:18px;height:18px}.book-button span{font-size:11px}.book-button small{font-size:8px}.level-hint{font-size:10px;padding:3px 1px 6px;letter-spacing:0}.acting-note{font-size:8px;margin-left:2px}.board-stage{width:100%}.level-book{padding:20px 17px 15px;max-height:calc(100svh - 30px)}.book-header h2{font-size:24px}.book-description{font-size:11px}.level-pages{gap:8px}.level-miniature{width:64px;height:65px}.level-card{min-height:90px;padding-left:1px}.level-card-copy strong{font-size:14px}.level-card-copy small{font-size:9px}}@media(max-width:460px){.level-card{display:block;padding:12px 10px;min-height:94px}.level-miniature{position:absolute;top:4px;right:4px;width:36px;height:34px;opacity:.7}.level-card-copy{gap:8px}.card-number{font-size:9px}.level-card-copy strong{font-size:15px}.level-card-copy small{font-size:9px}.done-mark{margin-left:6px}.book-progress{margin:13px 0}.book-footnote{font-size:9px}.level-book{width:calc(100% - 24px);padding-inline:14px}.book-header h2{font-size:23px}}