*{box-sizing:border-box} :root{--ink:#303e40;--muted:#7b817e;--paper:#f8f5ed;--accent:#b87a51;--line:#dcd9cf;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#ede9df}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b67a50;outline-offset:5px}button:disabled{cursor:default;opacity:.38}button:not(:disabled){transition:background .2s,color .2s,transform .2s,opacity .2s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.world{position:fixed;inset:0;background:#d8d7cb url('assets/studio.png') center/cover no-repeat;transition:filter 1s,background-image .7s;z-index:-3}.world[data-background="street"]{background-image:url('assets/street.png')}.world[data-background="pier"]{background-image:url('assets/pier.png')}.world[data-tone="night"]{filter:brightness(.53) saturate(.65) hue-rotate(6deg)}.world[data-tone="rain"]{filter:saturate(.65) brightness(.82)}.light-dust{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(32,46,51,.2),transparent 55%);z-index:-1}.title-screen{height:100dvh;position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(248,245,236,.98),rgba(248,245,236,.94) 25%,rgba(248,245,236,.75) 47%,rgba(248,245,236,.18) 80%);overflow:hidden}.title-header{position:absolute;left:5.1vw;right:4.5vw;top:4.8vh;display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{display:flex;gap:13px;align-items:center;font-size:16px;font-weight:500;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;font-weight:400;margin-top:5px;color:#78807b}.camera-mark{font-size:32px;line-height:1;color:#a47753;transform:rotate(-5deg)}.version{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff88;padding:9px 14px;background:#f9f6ed9c;border-radius:3px;color:#707874}.title-copy{position:relative;padding:21vh 0 0 10vw;z-index:2;width:61%}.eyebrow{font-size:10px;letter-spacing:3px;color:#928271;display:flex;align-items:center;gap:14px}.eyebrow span{width:29px;height:1px;background:#b98b65}h1{font-family:var(--serif);font-size:clamp(38px,4.5vw,76px);font-weight:400;line-height:1.55;letter-spacing:.05em;margin:19px 0 16px;white-space:nowrap}h1 em{font-style:normal;color:#966844}h1 .title-dot{font-size:35px;margin-left:2px;color:#b28765}.title-description{font-family:var(--serif);font-size:15px;letter-spacing:3px;line-height:2.05;color:#777e77;margin:0 0 26px}.title-nav{width:248px;display:flex;flex-direction:column;gap:9px}.start-button,.continue-button{padding:14px 23px;text-align:left;font-size:13px;letter-spacing:3px;display:flex;align-items:center;justify-content:space-between}.start-button{background:#926b4f;color:#fffbf3;box-shadow:0 7px 20px #8b674623}.start-button:hover{background:#7e5940}.start-button span{font-size:22px;font-weight:200;line-height:1}.continue-button{border-bottom:1px solid #b7ae9c70;color:#646b63}.continue-button:hover{background:#ffffff5c}.title-links{display:flex;align-items:center;gap:10px;margin-top:16px;color:#94998f;font-size:10px}.title-links button{font-size:11px;color:#6f776d;letter-spacing:1px;padding:4px 0}.title-links button:hover{color:#a16d47}.title-character{position:absolute;height:121vh;width:auto;bottom:-32vh;right:3.5vw;z-index:1;pointer-events:none;filter:drop-shadow(0 16px 25px #504a3d22)}.postcard{position:absolute;right:3.5vw;bottom:13vh;border:1px solid #f8f0da9e;background:#fcf5e9b8;backdrop-filter:blur(5px);padding:19px 23px 16px;transform:rotate(4deg);z-index:3;box-shadow:0 8px 30px #5c4f3a14;min-width:170px}.postcard>span{font-size:7px;letter-spacing:2px;color:#8d8775}.postcard-line{width:25px;height:1px;background:#b69b7c;margin-top:13px}.postcard p{font-family:var(--serif);font-size:13px;line-height:1.8;letter-spacing:1px;color:#777667}.postcard small{font-size:9px;color:#9a8c77;letter-spacing:2px}.title-footer{position:absolute;left:5.1vw;right:4.5vw;bottom:3.5vh;display:flex;align-items:center;gap:28px;z-index:4;color:#8c9389;font-size:10px;letter-spacing:1.5px}.title-footer button{color:#717b71;font-size:10px;letter-spacing:1px}.copyright{margin-left:auto;font-size:8px;letter-spacing:2px}
.game-screen{height:100dvh;position:relative;background:linear-gradient(180deg,#172d3120,transparent 22%,transparent 50%,#172d313d);overflow:hidden}.game-header{position:absolute;left:30px;right:30px;top:21px;display:flex;align-items:center;justify-content:space-between;z-index:5;gap:15px}.glass-button{min-height:37px;min-width:38px;background:#fbf7eccf;backdrop-filter:blur(16px);padding:8px 13px;border:1px solid #fdfbf5bd;font-size:14px;box-shadow:0 2px 10px #2e3a3010;border-radius:3px}.glass-button:hover{background:#fffaf0}.glass-button span{font-size:11px;margin-left:9px;letter-spacing:2px}.header-tools{display:flex;gap:7px}.header-tools .glass-button{font-size:19px;padding:3px 10px}.chapter-ribbon{display:flex;align-items:center;gap:15px;background:#fcf8efcc;backdrop-filter:blur(16px);padding:11px 20px;font-size:11px;letter-spacing:1.4px;border-radius:2px}.chapter-ribbon span{font-size:9px;color:#9b7960;padding-right:15px;border-right:1px solid #b2aa9980}.chapter-ribbon b{font-weight:500}.date-stamp{position:absolute;top:105px;left:50px;color:#fffaf1;text-shadow:0 1px 8px #2b41397a;z-index:2;display:flex;flex-direction:column;gap:9px}.date-stamp>span:first-child{font-size:8px;letter-spacing:4px}.date-stamp strong{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:4px}.date-stamp>span:last-child{font-size:9px;letter-spacing:2px;opacity:.85;max-width:220px;line-height:1.7}.character-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none}.character{position:absolute;right:18%;bottom:-27vh;height:111vh;width:auto;filter:drop-shadow(0 10px 25px #1e312524);opacity:0;transform:translateX(16px);transition:opacity .35s,transform .4s}.character.visible{opacity:1;transform:translateX(0)}.dialogue-area{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(1030px,86vw);z-index:6}.speaker{position:relative;background:var(--accent);color:#fff9ef;width:max-content;min-width:115px;text-align:center;padding:10px 22px 11px;font-size:13px;letter-spacing:3px;margin-left:21px;z-index:1;box-shadow:0 3px 12px #37413215}.dialogue-box{position:relative;margin-top:-1px;background:#fffdf3ed;border:1px solid #fffdf3;box-shadow:0 12px 40px #23353624;backdrop-filter:blur(14px);padding:16px 30px 13px;min-height:160px;cursor:pointer;border-radius:3px}.dialogue-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a7aa9c;letter-spacing:2.5px;min-height:17px}.dialogue-topline button{display:flex;align-items:center;gap:9px;color:#9b9b87;font-size:9px;letter-spacing:1px;padding:0 0 3px 12px}.voice-bars{display:inline-flex;gap:2px;align-items:center;height:12px}.voice-bars i{width:2px;background:var(--accent);height:5px}.voice-bars i:nth-child(2){height:10px}.voice-bars i:nth-child(3){height:7px}.playing .voice-bars i{animation:bars .6s ease-in-out infinite alternate}.playing .voice-bars i:nth-child(2){animation-delay:-.2s}.dialogue-text{font-size:17px;line-height:1.9;letter-spacing:1px;margin:9px 0 10px;min-height:50px;color:#3d4946;overflow-wrap:anywhere}.dialogue-bottom{display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:8px;color:#a2a899;letter-spacing:1px;min-height:23px}.dialogue-bottom #sceneNumber{margin-right:auto;color:#a9a68e}.dialogue-bottom button{font-size:10px;letter-spacing:2px;color:#937451;padding:2px 0 2px 8px}.dialogue-bottom button span{font-size:16px;padding-left:6px}.reading-tools{display:flex;align-items:center;gap:17px;padding:12px 21px 0;color:#fffaf1;font-size:10px;text-shadow:0 1px 5px #23392b8a;white-space:nowrap}.reading-tools button{font-size:10px;letter-spacing:1px;padding:2px 0}.reading-tools button[aria-pressed="true"]{color:#ffe5a4;border-bottom:1px solid currentColor}.reading-tools button:disabled{opacity:.3}.tool-divider{width:1px;height:12px;background:#fffc}.tool-spacer{flex:1}#saveStatus{font-size:8px;letter-spacing:1px;opacity:.75}.choices{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(580px,87vw);display:flex;flex-direction:column;gap:11px;z-index:8}.choices button{padding:16px 23px;background:#fffcf1f0;border:1px solid #fff9e7;box-shadow:0 5px 24px #263e2a27;text-align:left;font-size:13px;line-height:1.8;letter-spacing:1px;border-left:3px solid #c59d72;backdrop-filter:blur(15px)}.choices button:hover{background:#fbf0dc;border-left-color:#a36e46;transform:translateX(4px)}.choice-index{color:#ab916f;font-size:10px;letter-spacing:2px;margin-right:13px}.choice-hint{font-size:10px;color:#fffef1;text-align:center;text-shadow:0 1px 6px #203b30;margin:0 0 3px;letter-spacing:1px}
.modal-layer{position:fixed;inset:0;z-index:30;background:#263c3973;backdrop-filter:blur(11px);display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:#f9f6ed;width:min(820px,94vw);max-height:87dvh;display:flex;flex-direction:column;box-shadow:0 24px 100px #1f312b40;border:1px solid #fff9ed;border-radius:4px;overflow:hidden}.modal-header{padding:27px 34px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #deddd1}.modal-header small{font-size:8px;letter-spacing:3px;color:#a4967e}.modal-header h2{font-family:var(--serif);font-size:25px;letter-spacing:3px;font-weight:400;margin:7px 0 0}.close-button{font-size:28px;color:#8d9288;padding:4px 10px}.modal-content{padding:26px 34px 32px;overflow-y:auto;overscroll-behavior:contain}.modal-intro{font-size:12px;line-height:1.9;color:#8b9186;margin:0 0 22px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e5e3d8;gap:20px}.setting-row label{font-size:13px}.setting-row label small{display:block;font-size:10px;color:#93998b;margin-top:6px;line-height:1.5}.setting-row input[type="range"]{accent-color:#a87952;width:min(220px,35vw)}.setting-row input[type="checkbox"]{accent-color:#a87952;width:18px;height:18px}.setting-row output{font-size:11px;color:#8b947f;min-width:45px;text-align:right}.setting-control{display:flex;gap:15px;align-items:center}.soft-button{border:1px solid #b9b7a4;padding:10px 17px;font-size:11px;letter-spacing:1px;color:#777d6c}.soft-button:hover{background:#eee9dc}.memory-tabs{display:flex;gap:25px;margin-bottom:24px;border-bottom:1px solid #deddd1}.memory-tabs button{font-size:12px;padding:0 0 12px;color:#929687}.memory-tabs .active{color:#9c704c;border-bottom:2px solid #ae825c}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.character-card{background:#efeee5;border:1px solid #e1dfd0;text-align:left;padding:0;overflow:hidden}.character-card>img{width:100%;height:230px;object-fit:cover;object-position:top;background:linear-gradient(#e7e5d7,#fbf6ea);display:block}.character-card>div{padding:14px 14px 15px}.character-card h3{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:2px;margin:0 0 8px}.character-card small{color:#969b8b;font-size:9px}.character-card p{font-size:10px;color:#9a856d;margin:12px 0 0;line-height:1.7}.profile{display:grid;grid-template-columns:39% 1fr;gap:26px;align-items:start}.profile>img{width:100%;height:365px;object-fit:cover;object-position:top;background:#e8e6d8}.profile h3{font-size:28px;font-family:var(--serif);font-weight:400;margin:16px 0 10px;letter-spacing:3px}.profile .role{font-size:10px;color:#9a9e8e}.profile blockquote{font-family:var(--serif);font-size:15px;line-height:1.9;margin:26px 0 16px;color:#9f7f5d}.profile p{font-size:12px;line-height:2;color:#7c8577}.profile-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.ending-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ending-item{padding:19px 20px;background:#efeee4;border:1px solid #e0dfd1;min-height:94px}.ending-item small{font-size:9px;letter-spacing:1px;color:#9a9e8d}.ending-item h3{font-family:var(--serif);font-weight:400;font-size:17px;margin:10px 0 0;color:#6c7867}.ending-item.locked{opacity:.65}.ending-item.locked h3{letter-spacing:4px;font-size:14px;color:#afb09f}.slots{display:grid;grid-template-columns:1fr 1fr;gap:13px}.slot{padding:18px 20px;background:#f0efe5;border:1px solid #dedfce;text-align:left;min-height:116px;display:flex;flex-direction:column;justify-content:space-between}.slot:hover:not(:disabled){background:#e9e7d9}.slot small{font-size:9px;color:#9a9f8d;letter-spacing:1px}.slot b{font-size:13px;font-weight:400;margin:10px 0}.slot p{font-size:10px;color:#8e9483;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.slot time{font-size:8px;color:#9fa590;margin-top:10px;letter-spacing:1px}.chapter-list{display:flex;flex-direction:column;gap:10px}.chapter-button{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border:1px solid #e0dfcf;background:#f1f0e6;text-align:left}.chapter-button span{font-size:12px;letter-spacing:1px}.chapter-button small{font-size:9px;color:#969e89}.chapter-button:hover{background:#e8e5d7}.history-entry{padding:15px 0;border-bottom:1px solid #e2e1d4}.history-entry b{font-size:11px;letter-spacing:1px;color:#a48664;font-weight:500}.history-entry p{font-size:13px;line-height:1.9;color:#677563;margin:8px 0 0}.history-entry button{font-size:10px;color:#9b947f;float:right}.empty-state{text-align:center;padding:40px 12px;color:#9b9f90;font-size:12px;line-height:2}.report-context{background:#eeede2;padding:15px 18px;font-size:11px;line-height:1.9;color:#7e8b74;white-space:pre-wrap;margin-bottom:20px}.report-label{display:block;font-size:12px;margin-bottom:10px;color:#7b8573}.report-input{width:100%;height:125px;resize:vertical;padding:13px;background:#fffcf3;border:1px solid #d8dac7;color:#53654d;font-size:12px;line-height:1.8;margin-bottom:16px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid div{border-left:2px solid #c8b092;padding-left:17px}.help-grid h3{font-family:var(--serif);font-weight:400;font-size:16px;margin:0 0 9px}.help-grid p{color:#8c9582;font-size:12px;line-height:1.9;margin:0}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#37483be8;color:#fffced;padding:12px 23px;border:1px solid #e6e8d159;z-index:100;font-size:11px;letter-spacing:1px;box-shadow:0 5px 20px #263c393d;border-radius:2px;max-width:90vw;line-height:1.7}
.ending-screen{height:100dvh;display:flex;align-items:center;justify-content:center;background:#f6f0e5db;backdrop-filter:blur(9px);padding:30px}.ending-card{display:grid;grid-template-columns:310px 1fr;width:min(860px,94vw);min-height:465px;background:#fcf9ef;box-shadow:0 20px 80px #4c51351f;border:1px solid #fffaf0}.ending-photo{margin:22px 0 22px 22px;background:#e8e4d5 url('assets/pier.png') center/cover;overflow:hidden;position:relative}.ending-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:top}.ending-copy{padding:65px 35px 45px}.ending-copy>small{font-size:9px;letter-spacing:2px;color:#a28e70}.ending-copy h2{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.7;letter-spacing:3px;color:#7e7055;margin:25px 0 17px}.ending-copy p{font-size:12px;line-height:2;letter-spacing:1px;color:#969c89}.ending-copy .ending-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.ending-copy .ending-actions button{font-size:11px;padding:12px 17px;background:#e5ddca;color:#807154}.ending-copy .ending-actions button:first-child{background:#977858;color:#fffbec}body.reading .title-character{display:none}@keyframes bars{to{height:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1550px){.title-copy{padding-top:22vh}h1{font-size:75px}.title-description{margin-bottom:36px}.title-nav{width:280px}.start-button,.continue-button{padding:17px 25px}.postcard{right:5vw;bottom:16vh}.title-character{right:9vw}}
@media(max-width:900px){.title-copy{padding-left:8vw;width:70%;padding-top:23vh}h1{font-size:46px}.title-description{font-size:13px}.title-character{right:-17vw;height:114vh;bottom:-25vh}.postcard{right:3vw;bottom:14vh;min-width:140px;padding:12px 16px}.postcard p{font-size:11px}.game-header{left:18px;right:18px;top:16px}.chapter-ribbon{gap:9px;padding:11px 12px;font-size:10px}.chapter-ribbon span{padding-right:9px}.glass-button span{display:none}.date-stamp{top:90px;left:26px}.character{right:7%;height:112vh;bottom:-26vh}.dialogue-area{width:92vw;bottom:16px}.reading-tools{gap:15px;padding:12px 10px 0}.dialogue-text{font-size:16px}.dialogue-box{padding:14px 24px 12px}.title-footer .copyright{display:none}.ending-card{grid-template-columns:35% 1fr}.ending-copy{padding:40px 25px}.ending-copy h2{font-size:25px}.character-card>img{height:200px}}
@media(max-width:600px){.title-header{top:28px;left:25px;right:22px}.brand{font-size:13px;gap:8px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:1.5px}.camera-mark{font-size:25px}.version{font-size:8px;padding:7px;letter-spacing:.5px}.title-screen{background:linear-gradient(90deg,#f8f5ecf5,#f8f5ecce 43%,#f8f5ec40)}.title-copy{padding-top:23vh;padding-left:8vw;width:91%}.eyebrow{font-size:7px;letter-spacing:2px;gap:9px}.eyebrow span{width:19px}h1{font-size:37px;line-height:1.65;margin-top:16px}.title-description{font-size:12px;letter-spacing:2px;line-height:2.1;margin:15px 0 29px}.title-nav{width:205px}.start-button,.continue-button{font-size:11px;padding:13px 19px}.title-character{right:-51vw;bottom:-8vh;height:91vh;opacity:.68}.title-links{gap:9px;margin-top:19px}.title-links button{font-size:10px}.postcard{display:none}.title-footer{left:8vw;right:8vw;bottom:30px;align-items:flex-start;flex-direction:column;gap:15px;font-size:9px}.title-footer button{font-size:9px}.game-header{left:12px;right:12px;top:14px;gap:8px}.glass-button{min-width:31px;min-height:32px;padding:6px 10px}.header-tools{gap:4px}.header-tools .glass-button{font-size:17px;padding:2px 8px}.chapter-ribbon{background:#fbf8efda;flex-direction:column;gap:3px;align-items:center;padding:7px 9px;min-width:123px}.chapter-ribbon span{font-size:8px;padding:0;border:0}.chapter-ribbon b{font-size:9px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-stamp{top:85px;left:24px;gap:6px}.date-stamp strong{font-size:22px}.date-stamp>span:first-child{font-size:7px}.date-stamp>span:last-child{font-size:8px;max-width:170px}.character{height:94vh;bottom:-8vh;right:-13%}.dialogue-area{width:94vw;bottom:max(13px,env(safe-area-inset-bottom))}.speaker{font-size:12px;padding:9px 18px;min-width:100px;margin-left:13px}.dialogue-box{padding:13px 18px 11px;min-height:173px}.dialogue-text{font-size:15px;line-height:1.9;letter-spacing:.5px;min-height:74px;margin:9px 0}.dialogue-topline{font-size:7px;letter-spacing:2px}.dialogue-topline button{font-size:8px}.dialogue-bottom{font-size:7px;letter-spacing:.4px;gap:8px}#advanceHint{font-size:7px}.dialogue-bottom button{font-size:9px}.reading-tools{gap:15px;padding:12px 8px 2px;overflow-x:auto;scrollbar-width:none}.reading-tools::-webkit-scrollbar{display:none}.reading-tools button{font-size:9px;flex-shrink:0}.reading-tools #saveStatus{display:none}.reading-tools .tool-divider{flex-shrink:0}.choices{top:39%;gap:9px}.choices button{padding:12px 16px;font-size:12px;line-height:1.75}.choice-index{margin-right:9px;font-size:8px}.choice-hint{font-size:9px;line-height:1.8}.modal-layer{padding:12px}.modal{width:100%;max-height:91dvh}.modal-header{padding:22px 22px 17px}.modal-header h2{font-size:22px}.modal-content{padding:22px}.character-cards{gap:8px}.character-card>img{height:160px}.character-card>div{padding:12px 9px}.character-card h3{font-size:16px;letter-spacing:1px}.character-card small{font-size:8px;line-height:1.7;display:block}.character-card p{font-size:9px;line-height:1.7}.profile{grid-template-columns:34% 1fr;gap:17px}.profile>img{height:270px}.profile h3{font-size:23px;margin-top:6px}.profile .role{font-size:9px;line-height:1.8}.profile blockquote{font-size:13px;margin:18px 0 12px}.profile p{font-size:11px}.profile-actions{gap:6px}.soft-button{padding:9px 12px;font-size:10px}.setting-row{gap:10px}.setting-row label{font-size:12px}.setting-row label small{font-size:9px;max-width:135px}.setting-control{gap:8px}.setting-row input[type="range"]{width:108px}.setting-row output{font-size:9px;min-width:35px}.ending-list,.slots{gap:9px}.ending-item{padding:14px 12px}.ending-item h3{font-size:14px}.ending-item small{font-size:8px}.slot{padding:14px 12px;min-height:125px}.slot b{font-size:11px;line-height:1.7}.slot p{max-width:130px;font-size:9px}.slot small{font-size:8px}.chapter-button{padding:15px 13px;gap:10px}.chapter-button span{font-size:11px;line-height:1.8}.chapter-button small{font-size:8px;white-space:nowrap}.help-grid{grid-template-columns:1fr;gap:22px}.ending-screen{padding:15px}.ending-card{display:flex;flex-direction:column;min-height:0;max-height:92dvh;overflow-y:auto;width:min(430px,94vw)}.ending-photo{margin:17px 17px 0;min-height:190px;height:25vh}.ending-photo img{object-fit:cover;object-position:50% 17%;height:210%}.ending-copy{padding:27px 25px}.ending-copy h2{font-size:25px;margin:15px 0}.ending-copy p{font-size:11px}.ending-copy .ending-actions{margin-top:22px}.toast{bottom:20px;font-size:10px;width:max-content;max-width:90vw}.modal-intro{font-size:11px}.profile-actions button{flex:1;white-space:nowrap}}
@media(max-height:600px) and (min-width:601px){.title-copy{padding-top:17vh}h1{font-size:37px;line-height:1.4;margin:13px 0}.title-description{font-size:11px;margin:9px 0 16px}.title-nav{gap:4px;width:210px}.start-button,.continue-button{padding:10px 17px;font-size:10px}.title-links{margin-top:9px}.title-header{top:5vh}.title-character{height:123vh;bottom:-31vh}.title-footer{bottom:4vh}.postcard{bottom:13vh}.dialogue-area{bottom:10px}.dialogue-box{min-height:130px;padding:10px 24px 7px}.dialogue-text{font-size:14px;min-height:35px;margin:5px 0;line-height:1.8}.speaker{padding:7px 20px;font-size:11px}.reading-tools{padding-top:8px}.character{height:120vh;bottom:-35vh}.date-stamp{top:77px}.game-header{top:14px}.choices{top:36%;gap:7px}.choices button{padding:10px 18px;font-size:11px}.ending-card{min-height:0;max-height:92vh}.ending-copy{padding:28px}.ending-photo{min-height:250px}.ending-copy h2{font-size:23px}.ending-copy .ending-actions{margin-top:20px}}

@media(max-width:600px){.header-tools{gap:3px}.header-tools .glass-button{min-width:29px;padding:2px 7px}.header-tools #soundToggle{font-size:12px}}

/* v0.3: liquid-glass inspired dialogue and visible relationship progress. */
.dialogue-box{--glass-x:24%;--glass-y:0%;isolation:isolate;overflow:hidden;border-radius:26px;background:rgba(245,250,250,.59);border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(26px) saturate(175%);backdrop-filter:blur(26px) saturate(175%);box-shadow:0 18px 55px rgba(19,43,50,.18),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.42);padding:19px 31px 16px;transition:background .35s,box-shadow .35s}
.dialogue-box::before,.dialogue-box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}
.dialogue-box::before{background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.08) 34%,rgba(255,255,255,.04) 65%,rgba(227,242,247,.27));box-shadow:inset 1px 1px 0 rgba(255,255,255,.75),inset -1px -1px 0 rgba(255,255,255,.35)}
.dialogue-box::after{background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),rgba(255,255,255,.6),rgba(255,255,255,.12) 32%,transparent 65%);opacity:.65}
.dialogue-box>div,.dialogue-box>p{position:relative;z-index:1}.dialogue-text{color:#20353e;text-shadow:0 1px 0 rgba(255,255,255,.52);font-weight:500}.dialogue-topline{color:#60777d}.dialogue-topline button{color:#4c6873}.dialogue-bottom{color:#5d737c}.dialogue-bottom button{color:#3e6674}.dialogue-bottom #sceneNumber{color:#667c83}
.speaker{margin-bottom:9px;margin-left:24px;border-radius:999px;min-width:119px;padding:10px 23px;color:#27434b;background:rgba(250,254,254,.74);background:color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.8));border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 5px 20px rgba(29,55,61,.1),inset 0 1px 0 rgba(255,255,255,.9);letter-spacing:2px}
.reading-tools{margin-top:10px;padding:10px 22px;background:rgba(244,251,251,.6);color:#2b4a55;border:1px solid rgba(255,255,255,.65);border-radius:999px;-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 6px 25px rgba(24,47,54,.1),inset 0 1px 0 rgba(255,255,255,.7);text-shadow:0 1px 0 rgba(255,255,255,.45)}
.reading-tools button[aria-pressed="true"]{color:#9b5d3d}.reading-tools .tool-divider{background:#718a8d50}.reading-tools button:not(:disabled):hover{color:#aa6746}.choices button{border-radius:21px;background:rgba(246,252,252,.78);border:1px solid #ffffffca;-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 8px 28px #1939402b,inset 0 1px 0 #ffffffeb;color:#2a444d}.choices button:hover{background:rgba(254,255,253,.9);border-color:white}.choices .choice-index{color:#88654e}
body[data-scene-tone="night"] .dialogue-box{background:rgba(232,243,248,.77)}body[data-scene-tone="night"] .reading-tools{background:rgba(227,242,248,.75)}
.affection-hud{position:absolute;right:30px;top:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:345px;z-index:5}.affection-card{padding:11px 12px 10px;border-radius:17px;background:#f5fbfaad;border:1px solid #ffffffb8;-webkit-backdrop-filter:blur(17px) saturate(155%);backdrop-filter:blur(17px) saturate(155%);box-shadow:0 5px 18px #173c3917,inset 0 1px 0 #ffffffb3;text-shadow:0 1px 0 #ffffff55;text-align:left}.affection-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;color:#294b52;white-space:nowrap}.affection-card b{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.affection-card i{font-style:normal;font-size:9px;color:#b87476}.affection-card.active{border-color:#fff;box-shadow:0 4px 20px #173c3917,inset 0 0 0 1px #ffffffaa}.affection-card:hover{background:#ffffffd1}.affection-meter{height:4px;background:#4362661c;border-radius:10px;overflow:hidden;margin-top:9px}.affection-meter>span{display:block;height:100%;border-radius:inherit;transition:width .55s ease}.affection-notice{position:fixed;left:50%;top:83px;transform:translateX(-50%);z-index:40;background:#fff7f1dc;border:1px solid #ffffffed;border-radius:999px;padding:11px 23px;color:#9a5f65;font-size:12px;letter-spacing:1px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 7px 28px #5d364f1f,inset 0 1px 0 #ffffffef;pointer-events:none;white-space:nowrap}
.profile-affection{margin-top:15px;font-size:10px;color:#a16d72;background:#eee8df;padding:12px 13px;border-radius:13px}.profile-affection b{font-size:16px;font-weight:500}.profile-affection small{display:block;font-size:9px;margin-top:5px;color:#9b8c7b}.profile-affection .affection-meter{height:5px}.character-card .card-affection{font-size:9px;color:#a16d72;line-height:1.7;margin-top:10px}.ending-copy .ending-affection{font-size:11px;color:#ae7475}.card-affection+.affection-meter{margin-top:7px}
@media(max-width:900px){.affection-hud{right:18px;top:80px;width:315px;gap:6px}.affection-card{padding:9px 10px}.affection-card>div:first-child{font-size:9px}.affection-card b{font-size:10px}.dialogue-box{padding:17px 25px 14px}.reading-tools{padding:10px 17px}}
@media(max-width:600px){.affection-hud{left:16px;right:16px;top:77px;width:auto;gap:6px}.affection-card{padding:10px 11px 9px;border-radius:16px}.affection-card>div:first-child{font-size:10px}.affection-card b{font-size:11px}.date-stamp{top:147px}.affection-meter{margin-top:7px;height:3px}.affection-notice{top:143px;font-size:11px;padding:10px 20px}.dialogue-box{border-radius:23px;padding:16px 20px 13px;background:rgba(245,251,252,.7)}.dialogue-text{font-size:15px;letter-spacing:.5px}.speaker{padding:8px 20px;min-width:106px;margin-left:15px;margin-bottom:8px;border-radius:999px}.reading-tools{padding:10px 15px;gap:16px;margin-top:9px;border-radius:25px}.reading-tools button{font-size:9px}.profile-affection{padding:10px}.profile-affection b{font-size:15px}}
@media(max-height:600px) and (min-width:601px){.affection-hud{top:72px;width:300px}.affection-card{padding:8px 10px}.date-stamp{top:75px}.affection-notice{top:74px;font-size:10px}.dialogue-box{padding:11px 24px 9px;border-radius:22px}.speaker{padding:7px 20px;margin-bottom:6px}.reading-tools{padding:7px 18px;margin-top:7px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dialogue-box,.speaker,.reading-tools,.choices button,.affection-card{background:rgba(247,252,252,.95)}}
@media(prefers-reduced-transparency:reduce){.dialogue-box,.speaker,.reading-tools,.choices button,.affection-card{background:rgba(247,252,252,.97)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}