:root{--radius: 5px;--letter-spacing: 1.1px;--col-pad-inline: 6%;--col-pad-block: 12%;--text-max: 720px;--tap-min: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--dur: .2s;--font-ui: "Noto Sans", system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-cjk: "PingFang SC", "Hiragino Sans", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--fs-body: 18px;--fs-title: 22px;--fs-small: 14px;--line-h: 1.5}[data-theme=dark]{--bg: #111111;--fg: #e1e1e1;--accent: #af8a5d;--link: #af8a5d;--backdrop: rgba(17, 17, 17, .8);--panel: #1b1b1b;--panel-fg: #e1e1e1;--muted: #9a9a9a;--btn-bg: #242424;--btn-fg: #e1e1e1;--btn-hover: #2f2f2f;--btn-primary-fg: #111111;--danger: #c9564a}[data-theme=light]{--bg: #f5f5f5;--fg: #1c1c1c;--accent: #7a5a2e;--link: #7a5a2e;--backdrop: rgba(245, 245, 245, .85);--panel: #ffffff;--panel-fg: #1c1c1c;--muted: #666666;--btn-bg: #e8e8e8;--btn-fg: #1c1c1c;--btn-hover: #dcdcdc;--btn-primary-fg: #ffffff;--danger: #b23b2e}@media (prefers-color-scheme: dark){[data-theme=system]{color-scheme:dark}[data-theme=system]{--bg:#111111;--fg:#e1e1e1;--accent:#af8a5d;--link:#af8a5d;--backdrop:rgba(17,17,17,.8);--panel:#1b1b1b;--panel-fg:#e1e1e1;--muted:#9a9a9a;--btn-bg:#242424;--btn-fg:#e1e1e1;--btn-hover:#2f2f2f;--btn-primary-fg:#111111;--danger:#c9564a}}@media (prefers-color-scheme: light){[data-theme=system]{color-scheme:light}[data-theme=system]{--bg:#f5f5f5;--fg:#1c1c1c;--accent:#7a5a2e;--link:#7a5a2e;--backdrop:rgba(245,245,245,.85);--panel:#ffffff;--panel-fg:#1c1c1c;--muted:#666666;--btn-bg:#e8e8e8;--btn-fg:#1c1c1c;--btn-hover:#dcdcdc;--btn-primary-fg:#ffffff;--danger:#b23b2e}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui);letter-spacing:var(--letter-spacing);line-height:var(--line-h);-webkit-text-size-adjust:100%}body{overflow:hidden}#app{height:100dvh;display:block}[lang=zh-CN],[lang=ja],[lang|=zh],[lang|=ja]{font-family:var(--font-ui),var(--font-cjk);line-break:strict;overflow-wrap:break-word}.screen{height:100%;display:flex;flex-direction:column;padding:calc(var(--safe-top) + var(--col-pad-block)) calc(var(--safe-right) + var(--col-pad-inline)) calc(var(--safe-bottom) + var(--col-pad-block)) calc(var(--safe-left) + var(--col-pad-inline));max-width:100%;transition:opacity var(--dur) ease}.screen.fade-in{animation:fade var(--dur) ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.topbar .title{font-size:var(--fs-title);font-weight:600}.iconbtn{min-width:var(--tap-min);min-height:var(--tap-min);border:0;background:transparent;color:var(--fg);font:inherit;cursor:pointer;border-radius:var(--radius)}.iconbtn:hover{background:var(--btn-hover)}.scene-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.scene-image{flex:0 1 42vh;max-height:42vh;min-height:0;width:100%;object-fit:contain;border-radius:var(--radius);margin-bottom:12px;background:var(--panel)}.scene-image[hidden]{display:none}.scene-text{flex:1 1 auto;min-height:4em;overflow-y:auto;max-width:var(--text-max);margin:0 auto 12px;font-size:var(--fs-body);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;white-space:pre-wrap}.choices{display:flex;flex-direction:column;gap:8px;max-width:var(--text-max);margin:0 auto;width:100%}.choices.scrollable{max-height:40vh;overflow-y:auto}.btn{min-height:var(--tap-min);padding:10px 16px;background:var(--btn-bg);color:var(--btn-fg);border:1px solid transparent;border-radius:var(--radius);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur) ease,border-color var(--dur) ease}.btn:hover{background:var(--btn-hover)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:var(--btn-primary-fg, #fff);font-weight:600}.btn.center{text-align:center}.menu{justify-content:center;gap:12px}.menu h1{font-size:28px;margin:0 0 24px;text-align:center;color:var(--accent)}.menu .btn{text-align:center;max-width:var(--text-max);margin:0 auto;width:100%}.panel{max-width:var(--text-max);margin:0 auto;width:100%;overflow-y:auto}.field{margin:14px 0}.field>label{display:block;margin-bottom:6px;color:var(--muted)}.row{display:flex;gap:8px;flex-wrap:wrap}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg .btn.active{border-color:var(--accent);background:var(--btn-hover)}.about p{margin:8px 0}.about a{color:var(--link)}.screen.death .scene-text{color:var(--danger)}.death-title{color:var(--danger);font-size:var(--fs-title);font-weight:700;margin:0 0 8px}.credits-links{display:flex;flex-direction:column;gap:8px;margin-top:12px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 16px);background:var(--backdrop);color:var(--fg);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 14px;max-width:90vw;z-index:50}@media (min-width: 720px){:root{--col-pad-inline: 12%}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.screen.webview-warn{justify-content:center;text-align:center}