:root{color-scheme:dark;--bg:#0b1113;--ink:#e9e7de;--muted:#9ca9a8;--line:#b8d2d322;--accent:#c7b38b;--red:#bd4b43;--font:17px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--line);background:#182123;cursor:pointer;min-height:44px;padding:10px 16px;touch-action:manipulation;transition:background .15s,border-color .15s}button:hover{background:#283234;border-color:#b8d2d366}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#151b1c;border-color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:40px;font-weight:600}button.quiet{background:#0b11137d}button.small{font-size:12px;min-height:40px;padding:8px 12px}button.danger{color:#e3998d}.muted{color:var(--muted)}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--muted)}
#cover{position:relative;min-height:100svh;background:linear-gradient(90deg,#061013e8 0%,#061013a8 37%,#06101320 80%),linear-gradient(0deg,#0b1113,transparent 35%),url('./assets/street.webp') center/cover no-repeat;display:flex;flex-direction:column;padding:max(28px,env(safe-area-inset-top)) clamp(24px,6vw,100px) max(25px,env(safe-area-inset-bottom))}
.brand{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.18em}.brand-square{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8d2c87a;font-family:"Yu Mincho",serif;font-size:19px}.brand small{margin-left:auto;font-size:10px;letter-spacing:.05em;color:#aab6b5}.cover-content{margin:auto 0;padding:40px 0 26px}.cover-content h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(47px,6.6vw,90px);line-height:1.4;letter-spacing:.12em;margin:22px 0 26px}.red-dot{color:var(--red)}.tagline{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:23px;line-height:1.75;letter-spacing:.16em}.intro{font-size:12px;color:#c0c7c2;line-height:2.1;margin:20px 0 27px}.start-buttons{display:flex;flex-wrap:wrap;gap:10px;max-width:510px}.start-buttons .primary{min-width:230px}.cover-note{font-size:10px;line-height:1.9;color:#8f9d9b;margin:15px 0}.cover-links{display:flex;gap:20px;flex-wrap:wrap}.cover-links button{background:none;border:0;padding:4px 0;font-size:11px;color:#b7bdb7}.cover-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:var(--muted);gap:20px}.cover-footer i{display:inline-block;width:32px;border-top:1px solid;margin:0 12px 3px}
#player{max-width:1600px;margin:auto;padding:env(safe-area-inset-top) clamp(12px,3vw,40px) env(safe-area-inset-bottom)}.play-header{display:flex;gap:10px;align-items:center;min-height:75px}.play-header .wordmark{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;background:none;border:0;padding:8px 0;text-align:left;font-size:17px;letter-spacing:.06em}.play-header>span{font-size:11px;color:var(--muted);margin:auto}.play-header>button:not(.wordmark){font-size:11px;padding:8px 12px;background:none}.play-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}.cast-side{padding:8px 0;display:flex;flex-direction:column}.cast-side h2{font-family:"Yu Mincho",serif;font-size:18px;font-weight:400;letter-spacing:.1em;margin:8px 0 24px}#cast{display:flex;flex-direction:column;gap:8px}#cast button{display:flex;align-items:center;text-align:left;gap:12px;padding:9px;border:1px solid transparent;background:none;position:relative}#cast button.active{border-color:#c7b38b75;background:#c7b38b0c}#cast button.active:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--accent)}.portrait{display:block;background-size:300% 200%;background-repeat:no-repeat;flex-shrink:0;width:48px;height:48px;background-color:#142126}#cast button strong{display:block;font-size:13px;letter-spacing:.07em;font-weight:500}#cast button small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.chart-open{margin-top:22px;background:none;text-align:left;font-size:12px}.chart-open span{float:right}#clear-count{font-size:11px;color:var(--muted);margin-top:15px}
.scene{min-height:660px;position:relative;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;background:#172125}#scene-photo,.scene-shade{position:absolute;inset:0;background-size:cover;background-position:center}#scene-photo{opacity:.8;transition:background-image .25s}.scene-shade{background:linear-gradient(0deg,#080f12 0%,#080f12eb 43%,#080f126b 72%,#080f1233 100%)}.scene-top{position:relative;display:flex;justify-content:space-between;align-items:baseline;padding:24px clamp(20px,4vw,48px);gap:16px}.scene-top>span{font-size:11px;letter-spacing:.13em}#clock{font:300 29px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#e5e6df}.reading{position:relative;padding:clamp(30px,6vh,85px) clamp(20px,4vw,48px) 24px;margin-top:auto}.scene-person{display:flex;align-items:center;gap:14px;margin-bottom:20px}.scene-person .portrait{width:56px;height:56px;border:1px solid #adbcbd35}.scene-person small{font-size:10px;color:#b1bdbd}.scene-person h2{font-size:19px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.12em;margin:5px 0}.scene-person #node-state{margin-left:auto;font-size:10px;letter-spacing:.1em;color:var(--accent)}#node-title{font-size:12px;font-weight:400;letter-spacing:.13em;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:13px;margin:0 0 16px}#prose{white-space:pre-line;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:var(--font);line-height:2.1;letter-spacing:.035em;min-height:155px;overflow-wrap:anywhere}#actions{display:grid;gap:10px;margin-top:22px}#actions:empty{margin:0}#actions button{background:#142023d9;border-color:#8ea3a344;text-align:left;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:15px;padding:15px 18px;line-height:1.7}#actions button:hover{border-color:var(--accent);background:#263033}.choice-index{color:#b79f75;font-family:ui-monospace,monospace;margin-right:14px;font-size:11px}#actions .wait-card{padding:16px;border-left:2px solid var(--accent);background:#1d282a9e;font-size:12px;line-height:1.9;color:#bcc8c4}#actions .bad-card{border-left-color:var(--red)}.reader-foot{display:flex;align-items:center;gap:10px;margin-top:22px;min-height:46px}#page-counter{font-size:10px;letter-spacing:.12em;color:#8e9d9d;margin-right:auto}#next{min-width:125px;font-size:13px}.bottom-nav{display:flex;gap:12px;justify-content:flex-end;padding:14px 0 0}.bottom-nav button{background:none;font-size:11px;padding:8px 16px}#save-status{font-size:10px;text-align:right;color:#8b9b96;margin:8px 0 14px}
dialog{color:var(--ink);background:#10191c;border:1px solid #73898a55;width:min(920px,calc(100% - 24px));max-height:88svh;padding:0;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#020709d9;backdrop-filter:blur(6px)}.dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:#10191c;z-index:2;border-bottom:1px solid var(--line);padding:18px 24px}.dialog-head h2{margin:0;font-family:"Yu Mincho",serif;font-size:19px;font-weight:500}.dialog-head button{font-size:12px;background:none}#modal-body{padding:24px;font-size:14px;line-height:1.9}#modal-body h3{font-size:16px;font-weight:500;color:var(--accent);margin:24px 0 10px}#modal-body h3:first-child{margin-top:0}#modal-body p{white-space:pre-line}#modal-body button{font-size:12px}.stack{display:grid;gap:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.save-card,.ending-card,.log-card{border:1px solid var(--line);padding:16px;margin:12px 0}.save-card strong{display:block;color:var(--accent);font-weight:500}.save-card small{color:var(--muted);display:block}.ending-card p{font-family:"Yu Mincho",serif}.ending-card.locked{color:#899795}.chart-scroll{overflow:auto;max-height:55svh}.chart{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;min-width:850px}.chart-column header{position:sticky;top:0;z-index:1;background:#10191c;padding:8px 0 14px;color:var(--accent)}.chart-column button{display:block;width:100%;text-align:left;margin:7px 0;padding:10px;font-size:11px!important;line-height:1.8}.chart-column button.current{border-color:var(--accent)}.chart-column button.ghost{border-style:dashed;color:#879595}.chart-column time{display:block;font-size:10px;color:var(--muted)}.chart-column .unread{font-size:11px;color:var(--muted);padding:10px}.settings-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:12px;margin:18px 0}.settings-row input{width:100%;accent-color:var(--accent)}.settings-row output{text-align:right;font-size:12px}.save-file{max-width:100%;font-size:12px}.notice{border-left:2px solid var(--accent);padding:12px 16px;color:var(--muted);font-size:12px;background:#ffffff04}#toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#d8ccae;color:#172124;padding:12px 20px;z-index:20;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.ending-heading{font:400 27px/1.6 "Yu Mincho",serif;color:var(--accent);letter-spacing:.12em}.finish-label{font-size:11px;color:var(--accent);letter-spacing:.25em}
@media(max-width:800px){.play-layout{grid-template-columns:1fr;gap:0}.cast-side{padding:0}.cast-side>.eyebrow,.cast-side>h2,.chart-open,#clear-count{display:none}#cast{flex-direction:row;gap:5px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}#cast button{flex:0 0 119px;padding:7px;gap:8px}.portrait{width:35px;height:35px}#cast button strong{font-size:11px}#cast button small{font-size:9px}.play-header{min-height:64px;gap:8px}.play-header .wordmark{font-size:14px}.play-header>span{display:none}.play-header>button:nth-last-child(2){margin-left:auto}.scene{min-height:620px}.reading{padding:80px 20px 20px}#prose{font-size:var(--font);line-height:2;min-height:155px}.scene-top{padding:20px}.bottom-nav{justify-content:space-between;gap:5px}.bottom-nav button{flex:1;padding:8px 4px;font-size:10px}.scene-shade{background:linear-gradient(0deg,#080f12 0%,#080f12ee 58%,#080f1244 100%)}.cover-content h1{font-size:clamp(46px,9vw,70px)}.cover-footer{font-size:8px}.cover-content{padding-top:32px}.brand{gap:10px;font-size:9px}.brand small{font-size:9px}}
@media(max-width:420px){:root{--font:16px}.scene{min-height:600px}.reading{padding:55px 17px 20px}.scene-top{padding:18px}#clock{font-size:26px}.scene-person{gap:10px;margin-bottom:16px}.scene-person h2{font-size:18px}.scene-person small{font-size:9px}#cover{padding-left:25px;padding-right:25px}.cover-content h1{font-size:49px;margin:15px 0 22px}.tagline{font-size:20px}.start-buttons{display:grid;grid-template-columns:1fr}.start-buttons button{width:100%}.intro{font-size:11px}.brand small{max-width:70px;line-height:1.6}.cover-footer>span:last-child{display:none}#modal-body{padding:18px}.dialog-head{padding:15px 18px}.settings-row{grid-template-columns:85px 1fr 35px}}
#scene-photo{bottom:auto;height:clamp(290px,34vw,420px);opacity:1}.scene-shade{background:linear-gradient(180deg,#080f121a 0,transparent 150px,#080f12e8 330px,#080f12 420px)}.reading{padding-top:0;margin-top:190px}.scene-top{align-items:center}#view-scene{margin-left:auto;background:#0b11137a;color:#d4dcd7;font-size:10px;padding:7px 10px}.expanded-scene{width:100%;aspect-ratio:836/470;background-color:#080f12}.scene-top>span{max-width:60%}@media(max-width:800px){.reading{margin-top:170px;padding-top:0}.scene-top>span{font-size:10px;max-width:45%}.scene-top{gap:8px}#clock{font-size:24px}.scene-shade{background:linear-gradient(180deg,#080f1226 0,transparent 80px,#080f12df 270px,#080f12 340px)}}@media(max-width:420px){.reading{margin-top:155px}#view-scene{font-size:9px;padding:6px 8px}#clock{font-size:22px}}
.shared-clock{display:flex;align-items:center;gap:18px;border-block:1px solid var(--line);padding:12px 0;margin-bottom:15px}.shared-clock small{display:block;font-size:9px;color:var(--muted);letter-spacing:.1em}.shared-clock strong{font:400 16px ui-monospace,monospace;color:var(--accent);white-space:nowrap}.shared-clock p{font-size:11px;color:var(--muted);margin:0}.shared-clock button{margin-left:auto;font-size:10px;background:none}.cast-side,.scene{min-width:0}@media(max-width:800px){.play-layout{grid-template-columns:minmax(0,1fr)}.shared-clock{flex-wrap:wrap;gap:7px;padding:10px 0}.shared-clock p{order:3;flex-basis:100%;font-size:10px}.shared-clock strong{font-size:14px}.shared-clock button{min-height:36px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep secondary reading controls comfortable for a finger as well. */
body button.small,body #view-scene,body .shared-clock button{min-height:44px}
.epilogue-section{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.epilogue-section h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;font-weight:500;letter-spacing:.08em}.epilogue-photo{margin:20px 0}.epilogue-section .muted{font-size:11px}