:root{color:#f6eef2;font-synthesis:none;--pink:#edc2d3;--muted:#b2b7c4;--serif:"Yu Mincho","Microsoft YaHei",serif;--line:#e5dcea33;background:#0a1521;font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:5px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}button:hover:not(:disabled){color:#fff}button:disabled:hover{color:inherit}[hidden]{display:none!important}#shell{height:100svh;min-height:540px;position:relative;overflow:hidden}.boot-message{padding:3rem}#menu,#game{width:100%;height:100%;position:relative;overflow:hidden}.menu-photo,.menu-shade,.scene-shade,.scene-blur,.background{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.menu-photo{background:url(../pic/start.png) 50%/cover;animation:2s ease-out arrive}.menu-shade{background:linear-gradient(90deg,#06131dc7,#0917236e 43%,#07141e0d 75%),linear-gradient(#07111b6b,#0000 20% 72%,#08141eb8)}.menu-top,.menu-footer{justify-content:space-between;align-items:center;display:flex;position:absolute;left:4.7%;right:4.7%}.menu-top{top:4.5%}.wordmark{letter-spacing:5px;font-family:Georgia,serif;font-size:24px}.wordmark-dot{color:var(--pink);margin-left:6px;font-size:13px}.tiny{letter-spacing:4px;color:#ccd2dc;font-size:9px}.menu-content{width:410px;animation:1.1s ease-out rise;position:absolute;top:20.4%;left:10.3%}.eyebrow{letter-spacing:3px;color:var(--pink);align-items:center;gap:14px;font-size:11px;font-weight:400;display:flex}.eyebrow>span{background:var(--pink);width:29px;height:1px}h1{letter-spacing:12px;color:#fff7fa;text-shadow:0 0 44px #edc2d329;margin:26px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(90px,10.1vw,158px);font-weight:400;line-height:1;position:relative}.title-star{color:var(--pink);font-size:29px;font-weight:400;position:absolute;top:0;right:1px}.subtitle{font-family:var(--serif);letter-spacing:5px;color:#f0dce6;margin:0 0 32px;font-size:24px}ruby rt{letter-spacing:3px;color:var(--pink);font-size:9px;transform:translateY(-3px)}.title-rule{color:#aeb7c6;letter-spacing:2.4px;white-space:nowrap;align-items:center;gap:18px;margin-bottom:36px;font-size:8px;display:flex}.title-rule:before{content:"";background:linear-gradient(90deg,#dcc5d28c,#dcc5d215);width:76px;height:1px}.menu-actions{gap:8px;width:324px;display:grid}.start-button,.secondary-button{text-align:left;border:1px solid var(--line);border-radius:3px;align-items:center;gap:23px;padding:19px 22px;transition:background .2s,transform .2s;display:flex}.start-button{background:linear-gradient(110deg,#f2d9e420,#edc2d308);border-color:#e9cfdf6b}.start-button:hover{background:#edc2d32e;transform:translate(4px)}.button-number{color:#c4adb8;font-family:Georgia,serif;font-size:12px}.start-button>span:nth-child(2),.secondary-button>span:nth-child(2){letter-spacing:4px;font-size:16px}.start-button small,.secondary-button small{letter-spacing:2px;color:#c2bdc9;margin-top:6px;font-size:8px;display:block}.start-button svg,.secondary-button svg{color:var(--pink);width:25px;margin-left:auto}.secondary-button{border-color:#0000}.secondary-button:hover:not(:disabled){background:#ffffff0a}.settings-link{color:#c8c8d2;text-align:left;align-items:center;gap:12px;padding:16px 22px;font-size:12px;display:flex}.settings-link svg{width:16px}.settings-link>span{letter-spacing:2px;opacity:.65;margin-left:6px;font-size:8px}.menu-quote{writing-mode:vertical-rl;color:#fff5f0d9;text-shadow:0 2px 12px #122138;letter-spacing:4px;font-family:var(--serif);gap:12px;font-size:14px;display:flex;position:absolute;top:36%;right:5.5%}.menu-quote p{margin:0;line-height:2.3}.menu-quote>span{color:var(--pink);font-size:20px}.menu-footer{color:#c6c3cc;letter-spacing:2px;font-size:10px;bottom:3.5%}.menu-footer i{color:var(--pink);padding:0 8px;font-style:normal}.footer-divider{color:#ffffff50;margin:0 18px}.icon-button{color:#d3d0dc;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover{border-color:var(--line);background:#ffffff09}.scene-blur{filter:blur(26px)brightness(.55);background-position:50%;background-size:cover;transform:scale(1.08)}.background{object-fit:cover}.background.contained{object-fit:contain}.scene-shade{background:linear-gradient(#06132194,#0000 20% 55%,#08132280)}.game-header{z-index:5;justify-content:space-between;align-items:center;padding:25px 4%;display:flex;position:absolute;top:0;left:0;right:0}.game-header .wordmark{font-size:20px}.chapter-label{letter-spacing:2px;text-shadow:0 1px 8px #000;align-items:center;gap:20px;font-size:13px;display:flex}.chapter-label>span:first-child{color:#efcddc;letter-spacing:2px;font-size:9px}.chapter-label>span:first-child:after{content:"/";color:#fff5;margin-left:20px}.actors{pointer-events:none;position:absolute;inset:0;overflow:hidden}.actor{object-fit:contain;object-position:bottom center;filter:brightness(.73)saturate(.8);width:48%;height:113%;max-height:1200px;transition:filter .25s;position:absolute;bottom:-20%}.actor.herone{left:4%}.actor.summer{right:4%}.actor.speaking{filter:brightness()saturate();z-index:1}.scene-next{z-index:2;cursor:pointer;width:100%;position:absolute;inset:80px 0 0}.dialogue{z-index:5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#f5edf2;background:linear-gradient(110deg,#101e31ee,#172438ed);border:1px solid #d2bfdb55;border-radius:6px;position:absolute;bottom:3.7%;left:8%;right:8%;box-shadow:0 14px 50px #0003}.dialogue-top{justify-content:space-between;align-items:center;padding:19px 30px 0;display:flex}#speaker{letter-spacing:4px;color:var(--pink);font-size:17px;font-weight:500}#speaker:before{content:"";background:var(--pink);vertical-align:-2px;width:4px;height:15px;margin-right:14px;display:inline-block}#speaker[data-character=summer]{color:#c1ddf4}#speaker[data-character=summer]:before{background:#c1ddf4}.dialogue-decoration{letter-spacing:3px;color:#9a9bad;font-size:8px}.dialogue-next{text-align:left;letter-spacing:1px;color:#f4edf3;width:100%;height:132px;padding:15px 48px 20px;font-size:17px;line-height:1.95;display:block;position:relative;overflow-y:auto}.next-indicator{float:right;color:var(--pink);opacity:.9;margin-left:16px;animation:1.6s infinite nudge}.typing .next-indicator{visibility:hidden}.dialogue-footer{color:#a9afbd;border-top:1px solid #bcb1d124;justify-content:space-between;align-items:center;min-height:48px;margin:0 28px;display:flex}.dialogue-footer>span{letter-spacing:1px;font-size:10px}.dialogue-footer nav{gap:21px;display:flex}.dialogue-footer nav button{align-items:center;gap:7px;padding:10px 0;font-size:11px;display:flex}.dialogue-footer nav svg{width:14px;height:14px}.dialogue-footer nav .active{color:var(--pink)}.picture-view{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08101ada;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;height:100%;padding:70px 7% 35px;display:flex;position:absolute;inset:0}.picture-view img{object-fit:contain;border:1px solid #efd7e02e;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:calc(100% - 60px);box-shadow:0 10px 70px #0008}.picture-view span{letter-spacing:2px;color:#e6cbd7;align-items:center;gap:18px;font-size:11px;display:flex}.picture-view i{color:#ffffff50;font-style:normal}.picture-view svg{width:20px}.ending{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#071321db;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ending .eyebrow{letter-spacing:5px;font-size:10px}.ending-star{color:#e8bfce;margin:22px 0 0;font-size:70px;line-height:1.3}.ending h2{font-family:var(--serif);letter-spacing:12px;margin:20px 0;font-size:38px;font-weight:400}.ending>p:not(.eyebrow){color:#c3bacb;letter-spacing:3px;margin:0 0 40px;font-size:14px;line-height:2.3}.soft-button{letter-spacing:1px;background:#f0cddb1a;border:1px solid #f0cddb70;border-radius:3px;justify-content:center;align-items:center;gap:25px;padding:14px 24px;font-size:13px;display:inline-flex}.soft-button:hover{background:#f0cddb30}.transition{z-index:12;background:#0a1521;place-items:center;animation:.3s arrive;display:grid;position:absolute;inset:0}.transition span{font-family:var(--serif);letter-spacing:5px;color:#dac4cf;font-size:15px}.loading{z-index:20;color:var(--pink);background:#101d2bef;border-radius:4px;padding:12px 22px;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}dialog{color:#f6eef2;background:linear-gradient(140deg,#1a283b,#101c2d);border:1px solid #e8c8dc45;border-radius:8px;width:min(520px,100vw - 32px);max-height:85svh;padding:30px;box-shadow:0 25px 120px #0008}.modal-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.modal-head h2{letter-spacing:4px;margin:8px 0 0;font-size:24px;font-weight:400}.modal-head .eyebrow{letter-spacing:2px;margin:0;font-size:8px}.setting{grid-template-columns:1fr auto;gap:18px;margin:30px 0;display:grid}.setting label{font-size:14px}.setting output{color:var(--pink);font-size:12px}input[type=range]{width:100%;accent-color:var(--pink);cursor:pointer;grid-column:1/-1}.range-labels{color:#9ca6b8;grid-column:1/-1;justify-content:space-between;margin-top:-10px;font-size:10px;display:flex}.switch-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;padding-top:24px;font-size:14px;display:flex}.switch-row small{color:#9ca6b8;margin-top:10px;font-size:11px;display:block}.switch-row input{accent-color:var(--pink);width:20px;height:20px}.settings-note{color:#9da7b9;margin:26px 0 0;font-size:11px;line-height:2}.modal-actions{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}.plain-button{color:#b5bdcc;padding:12px;font-size:13px}#restart-dialog>p{color:#b5bdcc;font-size:14px;line-height:1.8}#history-dialog{width:min(750px,100vw - 32px)}#history-list{max-height:58svh;padding-right:12px;overflow-y:auto}#history-list h3{color:#ac9bb6;letter-spacing:3px;border-bottom:1px solid var(--line);margin:20px 0;padding-bottom:15px;font-size:12px;font-weight:400}#history-list article{grid-template-columns:52px 1fr;gap:20px;padding:14px 0;display:grid}#history-list strong{color:var(--pink);font-size:13px;font-weight:400;line-height:2}#history-list p{color:#dcdbe4;margin:0;font-size:14px;line-height:2}#toast{color:#f4dbe6;z-index:100;background:#162337;border:1px solid #edd3e365;border-radius:5px;max-width:90%;padding:14px 25px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0005}.error-panel{z-index:99;border:1px solid var(--pink);background:#152235;border-radius:8px;padding:30px;position:fixed;inset:10%;overflow:auto}.error-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.reduced-motion *{transition:none!important;animation:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#d7b9ce55;border-radius:5px}@keyframes arrive{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (width>=1600px){.menu-content{width:475px}.menu-actions{width:360px}.menu-content h1{font-size:158px}.subtitle{font-size:28px}.menu-content{top:23%}.dialogue{bottom:5%;left:12%;right:12%}.dialogue-next{height:160px;font-size:20px}.dialogue-top{padding-top:23px}.dialogue-footer{min-height:56px}}@media (height<=760px) and (width>=701px){.menu-content{width:360px;top:16%}.menu-content h1{margin:16px 0 10px;font-size:108px}.subtitle{margin-bottom:22px;font-size:22px}.title-rule{margin-bottom:20px}.menu-actions{gap:3px}.start-button,.secondary-button{padding:14px 20px}.dialogue{bottom:3%;left:6%;right:6%}.dialogue-next{height:124px;font-size:16px;line-height:1.8}.dialogue-top{padding-top:15px}.dialogue-footer{min-height:42px}}@media (width<=700px){#shell{min-height:560px}.menu-photo{background-position:62%}.menu-shade{background:linear-gradient(90deg,#081622c9,#08162265),linear-gradient(#0000 40%,#081622e8)}.menu-top{top:25px;left:7%;right:7%}.tiny{letter-spacing:2px;font-size:7px}.menu-content{width:82%;top:21%;left:9%}.menu-content h1{letter-spacing:8px;max-width:320px;font-size:100px}.title-star{font-size:23px;right:0}.eyebrow{letter-spacing:2px;font-size:9px}.subtitle{letter-spacing:4px;font-size:21px}.title-rule{letter-spacing:1.8px;margin-bottom:30px;font-size:7px}.menu-actions{width:290px;max-width:100%}.menu-quote{display:none}.menu-footer{letter-spacing:1px;font-size:9px;bottom:20px;left:7%;right:7%}.footer-divider{margin:0 10px}.game-header{padding:18px 5%}.game-header .wordmark{letter-spacing:3px;font-size:16px}.game-header .wordmark-dot{display:none}.chapter-label{letter-spacing:1px;flex-direction:column;gap:5px;font-size:11px}.chapter-label>span:first-child{font-size:7px}.chapter-label>span:first-child:after{display:none}.actor{object-position:bottom center;width:78%;height:79%;bottom:12%}.actor.herone{left:-20%}.actor.summer{right:-20%}.dialogue{border-radius:5px;bottom:3%;left:4%;right:4%}.dialogue-top{padding:17px 18px 0}#speaker{font-size:15px}.dialogue-decoration{letter-spacing:2px;font-size:6px}.dialogue-next{letter-spacing:.4px;height:178px;padding:13px 20px 16px;font-size:14px;line-height:1.9}.dialogue-footer{min-height:45px;margin:0 16px}.dialogue-footer>span{max-width:74px;font-size:8px;line-height:1.6}.dialogue-footer nav{gap:14px}.dialogue-footer nav button{gap:4px;font-size:10px}.dialogue-footer nav svg{width:12px}.picture-view{padding:75px 5% 35px}.picture-view span{letter-spacing:1px;gap:10px;font-size:9px}dialog{padding:24px}.modal-head h2{font-size:22px}.ending h2{font-size:32px}.ending>p:not(.eyebrow){letter-spacing:2px;font-size:12px}}@media (height<=540px) and (width>=701px){#shell{min-height:360px}.menu-content{width:320px;top:17%;left:11%}.menu-content h1{margin:8px 0;font-size:75px}.menu-content .eyebrow{font-size:8px}.subtitle{margin:8px 0 12px;font-size:17px}.title-rule{margin-bottom:12px}.menu-actions{width:280px}.start-button,.secondary-button{padding:8px 15px}.start-button>span:nth-child(2),.secondary-button>span:nth-child(2){font-size:13px}.settings-link{padding:8px 15px}.menu-footer{bottom:12px}.menu-top{top:15px}.game-header{padding:12px 4%}.dialogue-next{height:90px;padding-top:8px;padding-bottom:8px;font-size:14px}.dialogue-top{padding-top:12px}.dialogue-footer{min-height:35px}.actor{height:125%;bottom:-27%}.ending-star{margin:0;font-size:35px}.ending h2{margin:10px 0;font-size:28px}.ending>p:not(.eyebrow){margin-bottom:15px;line-height:1.8}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.dialogue{-webkit-backdrop-filter:blur(16px)saturate(.85);backdrop-filter:blur(16px)saturate(.85);background:radial-gradient(at 10% 0,#e5b3d221,#0000 62%),linear-gradient(125deg,#1923359c,#24283a7a 60%,#1a22339e);border:1px solid #f8e8f326;border-bottom-color:#f8e8f312;border-radius:28px;animation:.45s ease-out reading-surface-in;box-shadow:0 16px 60px #060c192e,inset 0 1px #fff3f91f}.dialogue-top{padding:18px 28px 0}#speaker{letter-spacing:3px;text-shadow:0 1px 10px #29152759;background:#f4c0d81a;border-radius:30px;align-items:center;gap:10px;padding:7px 16px;font-size:15px;display:inline-flex;box-shadow:inset 0 1px #ffe7f31a}#speaker:before{border-radius:50%;width:5px;height:5px;margin:0;box-shadow:0 0 9px}#speaker[data-character=summer]{background:#bcdef71a}.dialogue-decoration{color:#f0e3f185;letter-spacing:3.5px}.dialogue-next{color:#fff7fc;text-shadow:0 1px 5px #050c1a8c;padding-top:13px}.dialogue-footer{color:#dbd5e2;border-top:0;min-height:50px;position:relative}.dialogue-footer:before{content:"";background:linear-gradient(90deg,#0000,#f5dff029 16%,#f5dff01a 80%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.dialogue-footer>span{color:#ede5f1b3}.dialogue-footer nav{gap:7px}.dialogue-footer nav button{border-radius:20px;padding:8px 11px;transition:background .2s,color .2s}.dialogue-footer nav button:hover,.dialogue-footer nav button.active{background:#f5d3e71f}.next-indicator{color:#f4d4e4}.picture-view{-webkit-backdrop-filter:blur(18px)saturate(.8);backdrop-filter:blur(18px)saturate(.8);background:radial-gradient(at 50% 40%,#b493af24,#0000 75%),#10172661;gap:26px;padding:70px 8% 38px;animation:.4s ease-out arrive}.picture-view img{background:#fae6f417;border:1px solid #fff0fa3d;border-radius:22px;max-width:min(100%,1120px);max-height:calc(100% - 82px);padding:8px;animation:.55s cubic-bezier(.2,.7,.2,1) memory-in;box-shadow:0 22px 75px #0a101f40,0 0 45px #f1cde112}.picture-view>span{color:#f5e3ef;text-shadow:0 1px 5px #060c1859;background:#282c4161;border:1px solid #ffecf81f;border-radius:40px;gap:15px;padding:12px 23px;animation:.65s ease-out reading-surface-in;box-shadow:0 6px 25px #090f1d1a}dialog{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:radial-gradient(at 0 0,#c397b42b,#0000 75%),linear-gradient(135deg,#1e283bc7,#1c2335b3);border-color:#fae5f42e;border-radius:26px;box-shadow:0 24px 90px #040b1947,inset 0 1px #ffeef81a}dialog[open]{animation:.25s ease-out reading-surface-in}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c122152}dialog .icon-button{border-radius:50%}.soft-button{border-color:#f0cddb59;border-radius:24px}@keyframes reading-surface-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes memory-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.dialogue{border-radius:22px}.dialogue-top{padding:15px 16px 0}#speaker{padding:6px 12px;font-size:14px}.dialogue-next{padding-top:10px}.dialogue-footer{min-height:46px;margin:0 14px}.dialogue-footer nav{gap:2px}.dialogue-footer nav button{padding:8px 6px}.picture-view{gap:20px;padding:65px 5% 30px}.picture-view img{border-radius:16px;padding:5px}.picture-view>span{gap:9px;padding:11px 15px}dialog{border-radius:22px}}@media (height<=540px) and (width>=701px){.dialogue{border-radius:20px}.dialogue-top{padding-top:10px}#speaker{padding:4px 12px;font-size:13px}.dialogue-next{padding-top:8px}.dialogue-footer{min-height:35px}.dialogue-footer nav button{padding-top:6px;padding-bottom:6px}.picture-view{gap:14px;padding:35px 8% 18px}.picture-view img{border-radius:16px;max-height:calc(100% - 56px);padding:5px}.picture-view>span{padding:8px 18px}}@media (prefers-reduced-motion:reduce){.dialogue,.picture-view,.picture-view img,.picture-view>span,dialog[open]{animation:none}}