:root{--paper:#f3ead6;--paper-deep:#e8dcc2;--ink:#302d33;--ink-soft:#625d5b;--red:#b8483c;--green:#668b77;--rule:#443d3426;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Songti SC,STSong,Noto Serif SC,Source Han Serif SC,serif}*{box-sizing:border-box}html,body{background:#b8dfe6;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;position:relative;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#world{pointer-events:none;position:absolute;inset:0}.loading{z-index:30;background:#efe5d0;place-items:center;transition:opacity .8s,visibility .8s;display:grid;position:absolute;inset:0}.loading.ready{opacity:0;visibility:hidden}.loading-paper{color:var(--ink);flex-direction:column;align-items:center;gap:10px;display:flex}.loading-date{letter-spacing:.2em;opacity:.65;font-family:Courier New,monospace;font-size:12px}.loading-title{letter-spacing:.16em;font-size:clamp(26px,4vw,42px)}.loading-note{letter-spacing:.1em;opacity:.6;font-size:12px}.title-layer{z-index:10;pointer-events:none;align-items:center;padding:5.5vw;display:flex;position:absolute;inset:0}.playing .title-layer{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.title-sheet{background:var(--paper);width:min(370px,34vw);color:var(--ink);pointer-events:auto;background-image:linear-gradient(var(--rule) 1px, transparent 1px);background-size:100% 34px;padding:38px 34px 26px;position:relative;transform:rotate(-1.2deg);box-shadow:0 24px 60px #2a302542,inset 0 2px #ffffff80}.title-sheet:after{content:"";pointer-events:none;border:1px solid #514b3e1f;position:absolute;inset:8px}.tape{background:#dacdac9e;width:92px;height:26px;position:absolute;top:-13px;left:28px;transform:rotate(-3deg);box-shadow:0 1px 3px #3c322814}.title-meta{letter-spacing:.12em;opacity:.62;justify-content:space-between;font-family:Courier New,monospace;font-size:10px;display:flex}h1{letter-spacing:.12em;margin:26px 0 8px;font-size:clamp(40px,4.7vw,58px);font-weight:600;line-height:1.03;position:relative}.title-sub{letter-spacing:.08em;color:var(--ink-soft);margin:12px 0 26px;font-size:13px}.name-field{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0 8px;display:flex}.name-field label{color:var(--ink-soft);font-size:12px}.name-field input{width:110px;font:inherit;color:var(--ink);text-align:right;-webkit-user-select:text;user-select:text;background:0 0;border:none;border-bottom:1px solid #3c322840;outline:none;font-size:20px}.begin-button{width:100%;color:var(--ink);font:inherit;letter-spacing:.17em;cursor:pointer;background:0 0;border:1px solid #3c32288c;margin-top:22px;padding:14px 16px;font-size:16px;transition:background .2s,color .2s}.begin-button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.begin-button:disabled{opacity:.35;cursor:wait}.title-foot{color:var(--ink-soft);opacity:.82;margin:18px 0 0;font-size:10px;line-height:1.8}.play-ui{opacity:0;visibility:hidden;transition:opacity .45s .15s,visibility .45s}.playing .play-ui{opacity:1;visibility:visible}.hud-top{z-index:5;top:max(16px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:18px;right:18px}.date-chip{color:var(--ink);background:#f4ecd9e0;border:1px solid #3d372e2e;align-items:baseline;gap:9px;padding:7px 11px;display:flex;transform:rotate(-1deg);box-shadow:0 2px 10px #322d2314}.date-day{letter-spacing:.04em;font-family:Courier New,monospace;font-size:19px}.date-time{opacity:.7;font-size:11px}.coin-chip{color:var(--ink);background:#f4ecd9d1;border:1px solid #3d372e29;align-items:center;gap:5px;padding:7px 11px;font-family:Courier New,monospace;font-size:13px;display:flex}.coin{background:#c9a556;border:1px solid #8e7035;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 2px #ffffff38}.coin-label{opacity:.65;font-family:inherit;font-size:10px}.prompt{z-index:4;color:var(--ink);letter-spacing:.04em;opacity:0;white-space:nowrap;background:#f4ecd9eb;border:1px solid #3d372e33;padding:7px 14px;font-size:12px;transition:opacity .18s;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}.prompt.show{opacity:1}.bubble{z-index:6;max-width:min(440px,82vw);color:var(--ink);opacity:0;visibility:hidden;background:#f7f0e1f7;border:1px solid #433c3257;padding:13px 18px 14px;font-size:15px;line-height:1.65;position:absolute;top:18%;left:50%;transform:translate(-50%)rotate(-.4deg);box-shadow:0 10px 26px #322d2321}.bubble.show{opacity:1;visibility:visible}.bubble .speaker{letter-spacing:.14em;color:var(--red);margin-bottom:3px;font-size:10px;display:block}.joystick{z-index:8;left:26px;bottom:max(28px, env(safe-area-inset-bottom));touch-action:none;background:#f4ecd933;border:1px solid #3d372e38;border-radius:50%;width:126px;height:126px;display:none;position:absolute}.joystick-ring{border:1px dashed #3d372e3d;border-radius:50%;position:absolute;inset:20px}.joystick-knob{background:#f4ecd9b8;border:1px solid #3d372e52;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #28241e1f}.touch-actions{z-index:8;right:22px;bottom:max(30px, env(safe-area-inset-bottom));align-items:flex-end;gap:14px;display:none;position:absolute}.round-button{width:68px;height:68px;color:var(--ink);font:inherit;touch-action:none;background:#f4ecd9d1;border:1px solid #3d372e59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.round-button .button-icon{font-family:Courier New,monospace;font-size:19px;line-height:1}.round-button small{opacity:.7;font-size:9px}.round-button.pressed{background:#d6c5a3f2;transform:scale(.97)}.camera-button{background:#f4ecd994;width:56px;height:56px}@media (max-width:760px),(pointer:coarse){.joystick{display:block}.touch-actions{display:flex}.title-layer{padding:16px 16px max(20px, env(safe-area-inset-bottom));align-items:flex-end}.title-sheet{background-size:100% 28px;width:100%;padding:16px 18px 12px;transform:rotate(-.5deg)}h1{letter-spacing:.09em;margin:10px 0 4px;font-size:33px}.title-meta{font-size:9px}.title-sub{margin:6px 0 10px;font-size:12px}.name-field{padding:6px 0 5px}.name-field input{font-size:17px}.begin-button{margin-top:12px;padding:11px 14px;font-size:15px}.title-foot{margin-top:8px;font-size:8px;line-height:1.5}.desktop-help{display:none}.tape{width:70px;height:22px}.bubble{font-size:14px;top:14%}.prompt{bottom:26%}}@media (max-width:760px){.title-layer{pointer-events:none}.title-sheet{pointer-events:auto}}.hud-right{align-items:flex-start;gap:8px;display:flex}.hud-button{pointer-events:auto;color:var(--ink);font:inherit;letter-spacing:.08em;cursor:pointer;background:#f4ecd9e0;border:1px solid #3d372e38;padding:7px 10px;font-size:11px}.hud-button:hover{background:#fffaecfa}.film-chip{color:var(--ink);background:#f4ecd9cc;border:1px solid #3d372e29;align-items:baseline;gap:4px;padding:7px 10px;font-family:Courier New,monospace;font-size:12px;display:flex}.film-icon{opacity:.6;font-size:10px}.film-label{opacity:.6;font-family:inherit;font-size:9px}.continue-button{width:100%;color:var(--ink-soft);font:inherit;letter-spacing:.08em;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:8px;padding:8px 12px;font-size:12px;text-decoration:underline}.name-field-small{border-top:none;padding-top:5px;padding-bottom:5px}.name-field-small input{font-size:16px}.wake-overlay{z-index:20;opacity:0;visibility:hidden;pointer-events:none;background:#f4ecd9eb;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:absolute;inset:0}.wake-overlay.show{opacity:1;visibility:visible}.wake-paper{color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:9px;display:flex}.wake-time{letter-spacing:.14em;opacity:.6;font-family:Courier New,monospace;font-size:11px}.wake-paper strong{letter-spacing:.18em;font-size:clamp(30px,4vw,52px);font-weight:500}.wake-paper span:last-child{color:var(--ink-soft);letter-spacing:.08em;font-size:13px}.flash{z-index:19;opacity:0;pointer-events:none;background:#fff8e8;position:absolute;inset:0}.flash.on{animation:.45s ease-out flash-white}@keyframes flash-white{0%{opacity:0}8%{opacity:.72}to{opacity:0}}.modals{z-index:15;pointer-events:none;position:absolute;inset:0}.modals>*{pointer-events:auto}.modal-backdrop{background:#312c253d;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.paper-panel{overscroll-behavior:contain;background:var(--paper);width:min(680px,94vw);max-height:88vh;color:var(--ink);background-image:linear-gradient(var(--rule) 1px, transparent 1px);background-size:100% 31px;border:1px solid #443b2f3d;padding:26px 26px 22px;position:relative;overflow:auto;box-shadow:0 22px 60px #28231c47}.paper-panel:before{content:"";background:#4b3f2f33;height:1px;position:absolute;top:0;left:26px;right:26px}.panel-kicker{letter-spacing:.16em;opacity:.55;font-family:Courier New,monospace;font-size:10px}.panel-title{letter-spacing:.1em;margin:4px 0 8px;font-size:clamp(22px,3vw,31px);font-weight:500}.panel-sub{color:var(--ink-soft);margin:0 0 18px;font-size:12px;line-height:1.65}.panel-close{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:14px}.panel-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.paper-button{color:var(--ink);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #3d372e6b;padding:10px 16px;font-size:13px}.paper-button:hover{background:#372f2614}.paper-button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.paper-button:disabled{opacity:.35;cursor:default}.option-list{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;gap:1px;margin-top:4px;display:flex}.option-button{border:none;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 5px;font-size:15px;display:flex}.option-button:last-child{border-bottom:none}.option-button:hover,.option-button.selected{background:#463c2d12}.option-button .option-hint{color:var(--ink-soft);font-family:Courier New,monospace;font-size:10px}.question-row{margin-bottom:16px}.question-label{letter-spacing:.1em;color:var(--red);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.question-row .option-list{border:none;flex-flow:wrap;gap:6px}.question-row .option-button{border:1px solid #3d372e40;width:auto;padding:8px 12px;font-size:13px}.question-row .option-button.selected{background:var(--ink);color:var(--paper)}.journal-list{flex-direction:column;gap:16px;margin-top:12px;display:flex}.journal-item{border-top:1px solid var(--rule);padding-top:10px}.journal-item h3{letter-spacing:.12em;margin:0 0 5px;font-size:15px;font-weight:500}.journal-item p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.journal-item.done h3:after{content:" ✓";color:var(--green)}.journal-foot{color:var(--ink-soft);margin-top:18px;font-size:11px;line-height:1.7}.needle-card{text-align:center}.needle-stage{background:#fffaee94;border:1px dashed #3d372e38;height:170px;margin:12px 0 6px;position:relative;overflow:hidden}.needle-eye{border:3px solid #9b988c;border-radius:50%;width:98px;height:42px;margin-top:-21px;margin-left:-49px;position:absolute;top:48%;left:50%}.needle-eye:after{content:"";background:#9b988c;height:3px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.needle-thread{transform-origin:50% 0;background:#b47a54;width:3px;height:130px;margin-left:-1px;position:absolute;top:48%;left:50%}.needle-thread:after{content:"";background:#b47a54;border-radius:50%;width:9px;height:12px;position:absolute;bottom:-4px;left:-3px}.needle-meter{background:#3d372e21;height:4px;margin:10px 22px;position:relative}.needle-zone{background:#668b778c;position:absolute;top:0;bottom:0}.needle-wave{background:var(--red);width:10px;height:16px;margin-left:-5px;position:absolute;top:-6px}.needle-status{min-height:20px;color:var(--ink-soft);font-size:12px}.photo-mode{z-index:14;pointer-events:none;display:none;position:absolute;inset:0}.photo-mode.show{display:block}.viewfinder{pointer-events:none;border:1px solid #2c261f57;position:absolute;inset:5.5% 7%;box-shadow:0 0 0 999px #1c181329}.viewfinder:before,.viewfinder:after{content:"";border-style:solid;border-color:#2c261fa6;width:36px;height:36px;position:absolute}.viewfinder:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.viewfinder:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.viewfinder-date{color:#f8a24a;letter-spacing:.05em;text-shadow:0 1px 4px #0006;font-family:Courier New,monospace;font-size:17px;position:absolute;bottom:12px;right:14px}.viewfinder-info{color:#fff8e8;text-shadow:0 1px 4px #00000080;font-family:Courier New,monospace;font-size:11px;position:absolute;bottom:12px;left:12px}.shutter-button{z-index:2;right:24px;bottom:max(28px, env(safe-area-inset-bottom));color:#fff7e7;width:70px;height:70px;font:inherit;letter-spacing:.1em;pointer-events:auto;cursor:pointer;background:#b9483ce6;border:3px solid #fffaecb3;border-radius:50%;font-size:10px;position:absolute}.photo-close{z-index:2;right:22px;top:max(18px, env(safe-area-inset-top));color:#fff8e8;font:inherit;pointer-events:auto;cursor:pointer;background:#2b261f59;border:1px solid #fffaec8c;padding:7px 11px;font-size:11px;position:absolute}.photo-preview{z-index:16;background:var(--paper);pointer-events:auto;border:1px solid #443b2f47;width:min(430px,84vw);max-height:68vh;padding:14px;position:absolute;top:5%;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 24px 60px #1e1a1459}.photo-preview img{border:1px solid #463c2d33;width:100%;height:auto;display:block}.photo-preview .paper-actions{margin-top:10px}.photo-preview .panel-kicker{margin-bottom:7px}.essay-backdrop{z-index:18;background:#28231c8f;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.essay-card{text-align:center;background:0 0;width:min(520px,92vw);max-height:91vh;overflow:auto}.essay-card img{width:100%;height:auto;display:block;box-shadow:0 24px 60px #14100c66}.essay-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding:14px 0;display:flex}.essay-actions .paper-button{background:var(--paper)}.essay-actions .paper-button.primary{background:var(--ink)}.orbit-label{z-index:12;right:18px;bottom:max(18px, env(safe-area-inset-bottom));color:#fffaecd6;letter-spacing:.14em;opacity:0;pointer-events:none;background:#1e1c1852;padding:5px 9px;font-family:Courier New,monospace;font-size:10px;transition:opacity .3s;position:absolute}.orbit-label.show{opacity:1}body.ui-hidden .play-ui,body.ui-hidden .wake-overlay,body.ui-hidden .orbit-label,body.photo-active .play-ui{opacity:0!important;visibility:hidden!important}body.modal-active .play-ui{pointer-events:none}.toast{z-index:13;color:var(--ink);letter-spacing:.04em;opacity:0;pointer-events:none;background:#f4ecd9f0;border:1px solid #3d372e38;padding:7px 13px;font-size:12px;transition:opacity .2s;position:absolute;top:74px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (max-width:760px),(pointer:coarse){.paper-panel{width:min(440px,94vw);padding:24px 20px 18px}.photo-mode .viewfinder{inset:7% 5%}.shutter-button{width:62px;height:62px}.hud-button{padding:6px 8px;font-size:10px}.film-chip{padding:6px 8px}.photo-preview{max-height:64vh;top:3%}.essay-card{width:min(440px,94vw)}}.paper-actions{flex-wrap:wrap;gap:9px;display:flex}.panel-kicker,.panel-title,.panel-sub,.journal-foot{pointer-events:none}.panel-close{z-index:4}.rain-overlay{z-index:1;pointer-events:none;opacity:0;background-color:#3a535e17;background-image:repeating-linear-gradient(101deg,#0000 0 20px,#e4f2f447 21px 22px,#0000 23px 44px),repeating-linear-gradient(99deg,#0000 0 37px,#d2e6eb2e 38px 39px,#0000 40px 71px);background-size:100% 72px,100% 118px;transition:opacity .9s;animation:.42s linear infinite rain-drift;position:fixed;inset:0}.rain-overlay.show{opacity:1}@keyframes rain-drift{0%{background-position:0 0,0 0}to{background-position:-18px 72px,-11px 118px}}@media (prefers-reduced-motion:reduce){.rain-overlay{animation:none}}