:root{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;color:#f6eadb;background:#393646;font-synthesis:none;color-scheme:dark;--panel:#39343f;--muted:#cdbdb8;--button:#625861;--line:rgba(239,214,162,.18)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{border:0;border-radius:10px;background:var(--button);color:inherit;padding:13px 19px;min-height:46px;cursor:pointer;transition:background .14s,transform .14s;line-height:1.5}button:hover{background:#7b6d70}button:active{background:#8b7978;transform:translateY(1px)}button:disabled{color:#aa9ca4;background:#48424e;cursor:default}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #e6c294;outline-offset:4px}button.quiet{background:rgba(103,91,105,.69)}button.primary{background:#a68e77;color:#211f28;font-weight:600}button.primary:hover{background:#c0a386}button.danger{color:#e8bdac;background:transparent;border:1px solid #a8796b55}button[hidden],[hidden]{display:none!important}
#game{position:relative;width:100%;height:100dvh;min-height:300px;background:radial-gradient(ellipse at 50% 65%,#6c5c63 0%,#393646 65%)}.scene-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}canvas{display:block;width:min(100vw,140.4878dvh);height:auto;max-height:100dvh;aspect-ratio:1152/820;touch-action:none;outline:none}
#hud{position:absolute;left:clamp(14px,3.7vw,44px);right:clamp(14px,3.7vw,44px);top:clamp(16px,3vh,28px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none}.chapter-info{min-width:0}#chapter-label{font-size:clamp(19px,2.1vw,25px);letter-spacing:.04em}#objective{font-size:15px;color:#e5d7ce;line-height:1.7;margin:10px 0;max-width:760px;text-shadow:0 1px 12px #302939}nav{display:flex;gap:10px;pointer-events:auto;flex-shrink:0}#bottom{position:absolute;left:clamp(12px,3vw,36px);right:clamp(12px,3vw,36px);bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none}.action-bar{display:flex;align-items:center;gap:14px;background:#302b39ed;border:1px solid #ffffff06;border-radius:13px;padding:12px 16px;min-height:82px;box-shadow:0 10px 35px #211a2020;pointer-events:auto}#message{font-size:16px;line-height:1.7;flex:1;margin:0;color:#e9ddd2}#action{min-width:220px;max-width:350px}#places{white-space:nowrap}.controls,.touch-controls{text-align:center;font-size:12px;letter-spacing:.03em;color:#c7b8b3;margin:8px 0 0}.touch-controls{display:none}
dialog{width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #f6eadb0a;border-radius:20px;color:inherit;background:var(--panel);box-shadow:0 22px 90px #15111c66;overflow:hidden}dialog::backdrop{background:#17131f85;backdrop-filter:blur(2px)}#pause::backdrop{background:#15111dbf}.dialog-inner{display:flex;flex-direction:column;gap:14px;max-height:calc(100dvh - 42px);padding:30px;min-height:460px}h1,h2,p{overflow-wrap:anywhere}h1,h2{font-weight:500;line-height:1.4;margin:0}h1{font-size:30px}h2{font-size:27px}.subtitle{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.speaker{font-size:15px;color:#dec4a9;margin:7px 0 -2px}.story-text{font-size:21px;line-height:1.95;white-space:pre-wrap;margin:0;flex:1;overflow-y:auto;padding:4px 3px 12px;min-height:100px;scrollbar-color:#887c83 transparent}.story-text.small{font-size:17px;line-height:1.9}.story-text.error{color:#efbaa5}.page-count{font-size:13px;color:#bcaeb2;margin:0}.button-group{display:flex;flex-direction:column;gap:11px}.button-group button{text-align:left}.button-group button:not(.back){padding:16px 19px;min-height:54px}.back{background:#504855}.row{display:flex;gap:10px}.row button{flex:1}.notes{font-size:12px;color:#baaaa9;line-height:1.8;margin:0}.setting{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px;background:#5b505a77;border-radius:10px;font-size:18px}.setting input[type=checkbox]{width:23px;height:23px;accent-color:#d4b38d;cursor:pointer}input[type=range]{width:100%;accent-color:#d6b791;min-height:38px;cursor:pointer}.journal-entry{white-space:pre-wrap;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.journal-entry:last-child{border:0}.gallery-name{font-size:21px;color:#e7cba4;margin:0 0 6px}.place-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;flex:1}.place-grid button{min-height:70px}#story.title{width:440px;margin-left:max(5vw,calc((100vw - 1152px)/2 + 74px));margin-right:auto}#story.title .dialog-inner{min-height:560px}#story.title::backdrop{background:#1b16284d;backdrop-filter:none}#story.title .story-text{font-size:19px;min-height:160px}.loading-error{max-width:460px;text-align:center;padding:24px}.lamp{display:block;width:32px;height:28px;background:#edd1a1;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);margin:0 auto 24px;filter:drop-shadow(0 0 15px #e5c894);animation:breathe 2s infinite}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#393646;font-size:16px;letter-spacing:.12em;z-index:10}.noscript{position:fixed;inset:30%;background:#39343f;padding:24px;z-index:99}@keyframes breathe{50%{opacity:.55}}
@media(max-width:700px){#hud{gap:10px}#chapter-label{font-size:18px}#objective{font-size:13px;margin-top:7px;max-width:75vw}nav{gap:6px}nav button{font-size:13px;min-height:40px;padding:8px 12px}.action-bar{flex-wrap:wrap;gap:9px;padding:12px}#message{font-size:14px;flex-basis:100%;min-height:24px}#action{font-size:14px;min-width:0;max-width:none;flex:1}#places{font-size:14px;padding:10px 16px}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 28px);border-radius:16px}.dialog-inner{padding:22px;gap:12px;min-height:410px;max-height:calc(100dvh - 30px)}h1{font-size:27px}h2{font-size:23px}.story-text{font-size:18px;line-height:1.9}.story-text.small{font-size:15px}.subtitle{font-size:13px}.button-group button:not(.back){font-size:16px;padding:13px 15px;min-height:50px}#story.title{width:calc(100vw - 38px);max-width:430px;margin:auto}#story.title .dialog-inner{min-height:min(550px,calc(100dvh - 50px))}#story.title .story-text{font-size:18px;min-height:120px}}
@media(pointer:coarse){.controls{display:none}.touch-controls{display:block}}
@media(max-height:580px){#hud{top:12px}#chapter-label{font-size:17px}#objective{margin:4px 0;font-size:12px}.action-bar{min-height:55px;padding:8px 12px;flex-wrap:nowrap}#message{flex-basis:auto;font-size:13px}#action{font-size:14px;min-width:0;min-height:40px}#places{min-height:40px;padding:7px 14px}.controls,.touch-controls{font-size:10px;margin-top:3px}.dialog-inner{padding:20px;min-height:0;gap:9px}.story-text{min-height:70px;font-size:17px;line-height:1.7}.button-group{gap:7px}.button-group button:not(.back){min-height:42px;padding:9px 14px}h1,h2{font-size:23px}#story.title .dialog-inner{min-height:0}#story.title .story-text{min-height:50px;font-size:15px;line-height:1.6}#story.title .row{gap:8px}#story.title button{min-height:36px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}