@font-face{font-family:SummerNotebook;src:url(/fonts/wenkai-summer.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:SummerSans;src:url(/fonts/noto-summer.woff2)format("woff2");font-display:swap;font-weight:400}:root{color:#514c43;font-synthesis:none;--paper:#fff9e8;--rule:#bd7d6b30;background:#fff6e0;font-family:SummerSans,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,a{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #aa7052}button:disabled{cursor:wait;opacity:.5}a{text-decoration:none}[hidden]{display:none!important}#world{touch-action:none;position:absolute;inset:0}#world canvas{touch-action:none;width:100%;height:100%;display:block}.summer-ui{pointer-events:none;z-index:1;position:absolute;inset:0}.summer-ui.ui-hidden{visibility:hidden}.summer-ui button,.summer-ui input,.summer-ui a{pointer-events:auto}.title-screen{position:absolute;inset:0}.start-sheet{background-color:#fff8e8ed;background-image:linear-gradient(45deg, transparent 49%, #bd7d6b0b 49%, #bd7d6b0b 51%, transparent 51%), linear-gradient(-45deg, transparent 49%, #bd7d6b0b 49%, #bd7d6b0b 51%, transparent 51%), linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);pointer-events:auto;background-size:30px 30px;border:1px solid #bd9c764a;width:310px;padding:26px 22px 19px;position:absolute;top:50%;left:40px;transform:translateY(-42%)rotate(-1deg);box-shadow:1px 7px 15px #80644518}.paper-tape{background:#d7c7a566;width:92px;height:25px;position:absolute;top:-12px;left:95px;transform:rotate(4deg)}.title-date{letter-spacing:.22em;color:#ab7656;margin:0 0 12px;font-family:SummerNotebook,serif;font-size:14px}.title-english{letter-spacing:.16em;color:#837461;white-space:nowrap;margin:0 0 5px;font-size:7px}h1{letter-spacing:.012em;white-space:nowrap;margin:0 0 22px;font-family:SummerNotebook,Songti SC,serif;font-size:35px;font-weight:400;line-height:1.4;transform:rotate(.4deg)}.name-fields{gap:12px;display:grid}.name-fields label{letter-spacing:.04em;color:#8d7861;font-size:11px;display:block}.name-fields input{color:#524e43;outline-offset:1px;background:#fff8e830;border:0;border-bottom:1px solid #94836b8c;border-radius:0;width:100%;padding:7px 0 4px;font-family:SummerNotebook,serif;font-size:20px;line-height:1.25;display:block}.name-fields input::placeholder{color:#aa9e89;font-size:18px}.pencil-button{background:0 0;border:0;border-bottom:1px solid #817563;min-height:44px;padding:6px 0;font-family:SummerNotebook,serif;font-size:19px;line-height:1.5;display:inline-block}#begin{margin-top:18px}.start-hint{color:#827865;margin:14px 0 0;font-size:9px;line-height:1.8}.fiction-note{color:#9a8f79;margin:10px 0 0;font-size:8px;line-height:1.7}.touch-help{display:none}.game-hud{position:absolute;inset:0}.notebook-tab{left:30px;top:max(26px, env(safe-area-inset-top));background:var(--paper);border:1px solid #c5b7917a;padding:12px 17px 15px;font-family:SummerNotebook,serif;font-size:18px;position:absolute;transform:rotate(-3deg);box-shadow:1px 3px 3px #75654d24}.notebook-tab:before{content:"";border-left:1px solid #c46b5b55;position:absolute;top:0;bottom:0;left:8px}.notebook-tab i{background:linear-gradient(135deg,#dfd5bb 50%,#fff6e000 51%);width:14px;height:14px;position:absolute;bottom:0;right:0}.pocket{right:28px;top:max(25px, env(safe-area-inset-top));color:#6c5d45;align-items:center;gap:10px;font-family:SummerNotebook,serif;font-size:20px;display:flex;position:absolute}.coin-images{width:46px;height:25px;position:relative}.coin-images i{background:#d8c797;border:2px solid #a89261;border-radius:50%;width:23px;height:23px;position:absolute;transform:rotate(-15deg);box-shadow:inset 0 0 0 2px #e9dcba}.coin-images i:nth-child(2){top:3px;left:14px}.coin-images i:nth-child(3){top:0;left:26px}.pocket button{background:#fff8df99;border:1px solid #a3946a40;border-radius:50%;width:42px;height:42px;margin-left:8px;font-size:24px}.notebook-paper{background:var(--paper);pointer-events:auto;border-left:3px double #c9856d6b;width:300px;max-height:calc(100% - 210px);padding:20px 22px 18px;position:absolute;top:95px;left:30px;overflow:auto;transform:rotate(-1deg);box-shadow:1px 6px 18px #574a3530}.notebook-paper h2{margin:0 0 19px;font-family:SummerNotebook,serif;font-size:24px;font-weight:400}.notebook-paper section{border-top:1px solid #b9957338;padding:9px 0}.notebook-paper h3{color:#9a6c56;margin:3px 0 7px;font-family:SummerNotebook,serif;font-size:17px;font-weight:400}.notebook-paper p{margin:0;font-family:SummerNotebook,serif;font-size:16px;line-height:1.8}.notebook-paper [data-page="1"]{white-space:pre-line}.notebook-paper .card-count{color:#978970;margin-top:14px;font-family:SummerSans,sans-serif;font-size:10px}.notebook-paper .notebook-friend-note{white-space:pre-line;background:#f6edcc;border:1px dashed #ba9b6d70;margin:14px 0 6px;padding:9px 13px;transform:rotate(1.5deg)}.notebook-paper .notebook-card-names{color:#8b7053;margin-top:5px;font-size:15px}.pocket-paper{pointer-events:none;color:#6c6651;background:#fff5cf;border:1px solid #c5ab7155;width:228px;padding:17px 19px;font-family:SummerNotebook,serif;position:absolute;top:106px;right:30px;transform:rotate(2deg);box-shadow:2px 5px 14px #473b2433}.pocket-paper p{white-space:pre-line;margin:0;font-size:20px;line-height:1.6}.card-notice{background:#fff9e8;border:3px double #bc805b77;transform:rotate(-2deg)}.card-notice h3{color:#9b654d;margin:0 0 6px;font-size:22px;font-weight:400}.card-notice p{font-size:16px}.friend-note:not([hidden])+.card-notice{top:246px}.restart-link{color:#8d826d;background:0 0;border-bottom:1px solid #aa987b70;margin-top:10px;padding:6px 0;font-size:10px}.paper-close{color:#9b8c75;background:0 0;width:38px;height:38px;font-size:27px;font-weight:300;line-height:36px;position:absolute;top:7px;right:10px}.touch-controls{pointer-events:none;display:none;position:absolute;inset:0}.action-buttons{right:29px;bottom:max(28px, env(safe-area-inset-bottom));align-items:center;gap:16px;display:flex;position:absolute}.action-buttons button{color:#6d6755;touch-action:none;background:#fff8e2bd;border:1px solid #9b92716b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:66px;height:66px;display:flex;box-shadow:1px 3px #94846824}.action-buttons button span:last-child{font-family:SummerNotebook,serif;font-size:12px}.action-buttons kbd{font-family:SummerSans,sans-serif;font-size:14px}.action-buttons #interact.near{background:#fff2c8;border-color:#b18b4a;animation:1.8s ease-in-out infinite near-breathe;box-shadow:0 0 0 5px #f8ebbd40,1px 3px #94846830}.activity-paper{pointer-events:none;background:#fff9e7f2;border:1px solid #b7a98966;width:340px;max-width:calc(100% - 40px);padding:16px 20px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)rotate(.6deg);box-shadow:1px 5px 10px #6f5c4020}.activity-paper h2{margin:0 0 7px;font-family:SummerNotebook,serif;font-size:23px;font-weight:400;line-height:1.4}.activity-paper p{color:#8c7e67;margin:0 0 12px;font-size:11px;line-height:1.7}.activity-progress{background:#c2b5954d;height:3px;overflow:hidden}.activity-progress span{background:#b79461;height:100%;transition:width 80ms linear;display:block}.activity-options{gap:6px;display:grid}.activity-options button{text-align:left;background:0 0;border:1px solid #d8c9a64d;min-height:39px;padding:8px 11px;font-family:SummerNotebook,serif;font-size:16px;line-height:1.4}.activity-options button.selected{color:#735c3d;background:#f3e5bf;border-color:#b1986388}.activity-paper.has-options .activity-progress{display:none}.speech-bubble{pointer-events:none;background:#fff9e9f5;border:1px solid #bba8836b;border-radius:4px;width:max-content;max-width:290px;padding:10px 15px 12px;position:absolute;transform:translate(-50%,-100%)rotate(-.7deg);box-shadow:1px 4px 9px #67553721}.speech-bubble:after{content:"";border:7px solid #0000;border-top:8px solid #fff9e9f5;border-bottom-width:0;position:absolute;bottom:-8px;left:47%}.speech-bubble b{color:#a07d5c;margin-bottom:4px;font-family:SummerSans,sans-serif;font-size:10px;font-weight:400;display:block}.speech-bubble p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:260px;margin:0;font-family:SummerNotebook,serif;font-size:18px;line-height:1.55;display:-webkit-box;overflow:hidden}.bubble-dots{color:#aa9474;font-size:11px;position:absolute;bottom:1px;right:7px}.speech-bubble.mother-call{left:50%;top:max(84px, calc(env(safe-area-inset-top) + 72px));pointer-events:none;width:min(320px,100% - 50px);max-width:320px;transform:translate(-50%)rotate(-.7deg)}.speech-bubble.mother-call:after{display:none}.mother-home-hint{color:#a07d5c;pointer-events:none;margin-top:7px;font-family:SummerSans,sans-serif;font-size:11px;line-height:1.6;display:block}.camera-frame{pointer-events:none;color:#fff5d5;position:absolute;inset:10% 11%}.camera-frame>i{border:0 solid #fff7dfdd;width:27px;height:27px;position:absolute}.camera-frame>i:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.camera-frame>i:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.camera-frame>i:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.camera-frame>i:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.camera-label{text-shadow:0 1px 4px #0006;font-family:SummerNotebook,serif;font-size:20px;position:absolute;top:9px;left:13px}.camera-close{color:#fff7dd;top:0;right:0}.film-count{text-shadow:0 1px 3px #0008;font-family:SummerNotebook,serif;font-size:18px;position:absolute;bottom:13px;left:12px}.camera-date{letter-spacing:.07em;color:#ff9a48;text-shadow:0 0 3px #8a4416;font:18px monospace;position:absolute;bottom:12px;right:13px}.taking-photo .pocket,.taking-photo .notebook-tab,.taking-photo .activity-paper,.taking-photo .speech-bubble,.taking-photo .pocket-paper{visibility:hidden}.photo-flash{opacity:0;pointer-events:none;background:#fffdf1;position:absolute;inset:0}.essay-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#30332d55;justify-content:center;align-items:flex-start;padding:30px 18px;display:flex;position:absolute;inset:0;overflow:auto}.essay-paper{background-color:#fff7e3;background-image:linear-gradient(#c97a642c 1px,#0000 1px),linear-gradient(90deg,#c97a642c 1px,#0000 1px);background-size:27px 27px;border:1px solid #c7ad84;width:620px;max-width:100%;min-height:700px;padding:32px 42px 26px;position:relative;box-shadow:2px 8px 40px #2d2e2940}.essay-date{text-align:right;color:#a1765d;margin:0 0 12px;font-family:SummerNotebook,serif;font-size:14px}.essay-paper h2{text-align:center;letter-spacing:.16em;margin:0 0 25px;font-family:SummerNotebook,serif;font-size:33px;font-weight:400}.essay-photos{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.essay-photos img{aspect-ratio:4/5;object-fit:cover;border:5px solid #fffdf4;border-bottom-width:12px;width:29%;transform:rotate(-3deg);box-shadow:1px 3px 4px #7f6d4738}.essay-photos img:nth-child(2){transform:rotate(3deg)}.essay-photos img:nth-child(3){transform:rotate(-1deg)}.essay-writing{letter-spacing:.04em;cursor:pointer;min-height:240px;font-family:SummerNotebook,serif;font-size:21px;line-height:1.9}.essay-writing p{text-indent:2em;min-height:40px;margin:0 0 10px}.teacher-mark{color:#ad4d40;opacity:0;align-items:center;gap:17px;transition:opacity .6s;display:flex;transform:rotate(-4deg)}.teacher-mark.revealed{opacity:1}.teacher-mark>span{border:2px solid #b45b4c;padding:0 10px;font-family:SummerNotebook,serif;font-size:47px;line-height:1.4}.teacher-mark p{font-family:SummerNotebook,serif;font-size:20px;line-height:1.6}.essay-buttons{justify-content:center;gap:24px;margin-top:25px;display:flex}.essay-buttons button{font-size:18px}.image-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.image-sheet{top:max(84px, calc(env(safe-area-inset-top) + 72px));background:var(--paper);text-align:center;pointer-events:auto;flex-direction:column;width:min(340px,100% - 52px);max-height:min(70vh,100% - 130px);padding:12px 14px 15px;display:flex;position:absolute;right:26px;box-shadow:1px 7px 25px #25251e40}.image-heading{flex:none;padding:0 31px 8px;position:relative}.image-heading .paper-close{top:-8px;right:-8px}.image-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;overflow:auto}.image-sheet h2{margin:4px 0 8px;font-family:SummerNotebook,serif;font-size:22px;font-weight:400}.image-sheet img{object-fit:contain;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;touch-action:manipulation;width:100%;height:auto;margin:auto;display:block}.image-sheet p{color:#927e60;margin:15px 0 4px;font-size:11px}.image-sheet a{font-size:18px}.recovery{text-align:center;background:var(--paper);width:270px;padding:25px;font-family:SummerNotebook,serif;font-size:21px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:1px 5px 20px #584c3330}.ui-hidden .recovery{visibility:visible}@keyframes near-breathe{50%{box-shadow:0 0 0 8px #f8ebbd18,1px 3px #94846830}}@media (width<=700px),(pointer:coarse){.start-sheet{top:auto;left:5%;bottom:max(32px, calc(env(safe-area-inset-bottom) + 18px));width:90%;padding:18px 22px 15px;transform:rotate(-.7deg)}.paper-tape{left:calc(50% - 45px)}.title-date{margin:0;font-size:11px;position:absolute;top:21px;right:20px}.title-english{letter-spacing:.15em;max-width:70%;margin-bottom:3px;font-size:6px}h1{margin-bottom:14px;font-size:33px;line-height:1.5}.name-fields{grid-template-columns:1fr 1fr;gap:17px}.name-fields label{font-size:10px}.name-fields input{min-width:0;padding-top:5px;font-size:18px}.name-fields input::placeholder{font-size:17px}#begin{margin-top:12px;font-size:20px}.start-hint{margin-top:9px;font-size:9px}.fiction-note{margin-top:6px;font-size:7px}.desktop-help{display:none}.touch-help{display:block}.notebook-tab{left:17px;top:max(18px, env(safe-area-inset-top));padding:9px 13px 12px;font-size:16px}.pocket{right:15px;top:max(14px, env(safe-area-inset-top));gap:7px;font-size:18px}.coin-images{width:34px}.coin-images i{width:19px;height:19px}.coin-images i:nth-child(2){left:10px}.coin-images i:nth-child(3){left:18px}.pocket button{width:35px;height:35px;margin-left:3px;font-size:22px}.notebook-paper{width:min(300px,100% - 32px);max-height:calc(100% - 260px);padding:18px 20px;top:78px;left:16px}.notebook-paper h2{font-size:22px}.notebook-paper p{font-size:16px}.pocket-paper{width:192px;padding:13px 15px;top:82px;right:17px}.pocket-paper p{font-size:18px}.friend-note{top:248px}.card-notice h3{font-size:20px}.card-notice p{font-size:15px}.friend-note:not([hidden])+.card-notice{top:370px}.touch-controls{display:block}#joystick{left:24px;bottom:max(34px, calc(env(safe-area-inset-bottom) + 20px));pointer-events:auto;touch-action:none;background:#fff8df38;border:1px solid #a69b7b77;border-radius:50%;width:112px;height:112px;position:absolute}#joystick:before{content:"";border:1px dashed #a69b7b55;border-radius:50%;position:absolute;inset:12px}#nub{pointer-events:none;background:#fff7e0d9;border:1px solid #a69b7b88;border-radius:50%;width:38px;height:38px;position:absolute;top:36px;left:36px;box-shadow:1px 3px 4px #7b70572b}.action-buttons{right:20px;bottom:max(44px, calc(env(safe-area-inset-bottom) + 30px));gap:11px}.action-buttons button{width:61px;height:61px}.action-buttons button span:last-child{font-size:13px}.action-buttons kbd{font-size:12px}.activity-paper{bottom:max(180px, calc(env(safe-area-inset-bottom) + 162px));width:calc(100% - 44px);padding:14px 17px}.activity-paper h2{font-size:21px}.activity-paper p{margin-bottom:10px;font-size:11px}.activity-options button{min-height:39px;padding:7px 9px;font-size:16px}.speech-bubble{max-width:calc(100% - 50px);padding:9px 13px 11px}.speech-bubble p{max-width:250px;font-size:18px}.camera-frame{inset:12% 6% 23%}.camera-label{font-size:19px}.film-count{max-width:65%;font-size:15px;line-height:1.6}.camera-date{font-size:16px}.essay-overlay{padding:20px 12px}.essay-paper{background-size:24px 24px;min-height:85vh;padding:25px 20px 22px}.essay-paper h2{margin-bottom:20px;font-size:29px}.essay-writing{letter-spacing:0;font-size:20px;line-height:1.85}.essay-writing p{min-height:37px;margin-bottom:8px}.essay-photos{gap:5px;margin-bottom:17px}.essay-photos img{border-width:4px 4px 10px;width:31%}.teacher-mark{gap:12px}.teacher-mark>span{padding:0 8px;font-size:39px}.teacher-mark p{font-size:17px}.essay-buttons{flex-wrap:wrap;gap:18px;margin-top:20px}.essay-buttons button{font-size:17px}.image-sheet{top:max(76px, calc(env(safe-area-inset-top) + 64px));width:min(260px,100% - 28px);max-height:calc(50vh - 84px);padding:9px 11px 12px;right:14px}.image-sheet h2{margin-bottom:5px;font-size:20px}.image-sheet a{margin-bottom:6px;font-size:16px;display:inline-block}}@media (height<=650px) and (width>=701px){.start-sheet{padding-top:18px;padding-bottom:13px;top:45%}.title-date{margin-bottom:6px}h1{margin-bottom:12px;font-size:30px}.name-fields{gap:7px}#begin{margin-top:10px}.fiction-note{margin-top:5px}.start-hint{margin-top:9px}.activity-paper{bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}