/* Warm, readable presentation for the authored sunset story. */
html:has(.story-release){color-scheme:light;background:#fff9ed}
.story-release{--gold:#995013;--paper:#fff9ed;--muted:#536478;--serif:var(--sans);--line:#d6dedc;background:#fff9ed;color:#183640;font-weight:500}
.story-release button,.story-release a{touch-action:manipulation}
.story-release :is(button,a):focus-visible{outline:3px solid #125db1;outline-offset:4px}
.story-release .masthead{background:#fffdf7;border-bottom:1px solid #d6dedc;height:auto;min-height:76px;padding:14px 4vw;gap:20px}
.story-release .brand{font-weight:850;letter-spacing:-.025em}.story-release .brand span{color:#58666b;border-color:#d6dedc;font-size:10px;font-weight:700}
.story-release .toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px}
.story-release .toolbar button,.back-to-lp{min-height:44px;display:inline-flex;align-items:center;padding:7px 13px;border:1px solid #b5c3c7;border-radius:8px;font-size:12px;font-weight:700;color:#274a54}
.story-release .toolbar button[aria-pressed=true]{background:#e6f2ec;border-color:#346b60;color:#23584d}
.story-release .title-screen{min-height:calc(100svh - 76px);background:#fff9ed}
.story-release .title-art{left:25%;background-position:61% center;animation:none}
.story-release .title-shade{background:linear-gradient(90deg,#fff9ed 0%,#fff9ed 26%,#fff9eeed 38%,#fff9ed24 59%,transparent 76%),linear-gradient(0deg,#fff9ed 0%,transparent 25%)}
.story-release .title-content{padding:64px 6vw 135px;max-width:760px;width:58%}
.story-release .eyebrow{font-size:13px;font-weight:800;letter-spacing:.1em;color:#8b451c}
.story-release .episode{color:#49606b;font-weight:700;letter-spacing:.17em;margin:24px 0 18px}
.story-release h1{font-family:var(--sans);font-weight:900;font-size:clamp(40px,4.4vw,68px);letter-spacing:-.055em;line-height:1.35;text-shadow:none;color:#173a43}
.story-release h1 span{color:#a75023;display:block}
.story-release .title-lead{font-size:17px;line-height:1.9;letter-spacing:.015em;font-weight:650;margin-top:24px}
.story-release .primary{background:#1d625d;color:#fff;border:1px solid #1d625d;border-radius:9px;font-weight:750;min-height:54px;font-size:14px;letter-spacing:0;gap:18px;line-height:1.6}
.story-release .primary:hover{background:#164e4a;transform:translateY(-2px)}
.story-release .primary span{font-weight:600}
.story-release .start-silent,.story-release .resume{color:#2a5059;font-size:13px;font-weight:750;min-height:44px;border-color:#6e8b86}
.story-release .play-details{color:#506771;font-size:12px;font-weight:600;line-height:1.9}
.story-release .title-caption{background:#fffaf3ed;border:1px solid #e7d5b9;border-radius:12px;color:#244550;text-shadow:none;right:5%;bottom:110px;padding:16px 20px;backdrop-filter:blur(8px)}
.story-release .title-caption>span{font-size:21px;font-weight:800;letter-spacing:.01em}.story-release .title-caption>small{color:#586c73}.story-release .title-caption p{font-size:15px;font-weight:650;margin-top:9px}
.story-release .title-footer{border-color:#bacaca;color:#465d64;font-size:11px;left:4vw;right:4vw;align-items:center;padding:16px 0}
.story-release .game-screen{background:#f7f4eb;padding:0 4vw 35px;column-gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);min-height:calc(100svh - 76px)}
.story-release .scene-top{text-shadow:none}.story-release .chapter-label>span{color:#226359;font-family:var(--sans);font-weight:800}.story-release .chapter-label p{font-weight:800;letter-spacing:.015em;font-size:14px}.story-release .scene-location time{font-family:var(--sans);font-weight:750;color:#3d6068;font-size:22px}.story-release .scene-location>span{color:#566a72;font-size:12px}
.story-release .progress>span{height:4px;border-radius:4px;background:#d4e0da}.story-release .progress>span.complete{background:#8cb6a7}.story-release .progress>span.current{background:#2c7969}
.story-release .dialogue-panel{background:#fffef9;border:1px solid #d1dad5;border-top:4px solid #488779;border-radius:12px;box-shadow:0 8px 32px #40574408;padding:24px}
.story-release .speaker-line h2{font-weight:800;font-size:18px;letter-spacing:0}.story-release .speaker-line p{color:#506871;font-size:12px}.story-release .chapter-tag{color:#677c7e;font-family:var(--sans);font-size:10px}
.story-release .story-text{font-size:17px;font-weight:550;line-height:2;letter-spacing:.01em}
.story-release .mori-reaction{color:#657775;border-color:#abc6b7;font-size:12px}
.story-release .film-window{border:0;border-radius:12px;box-shadow:0 12px 32px #344b4118;background:#d7d5c9}
.story-release .film-stage figcaption{color:#475f64;font-weight:650;font-size:13px;line-height:1.6}.story-release .film-caption-marker{color:#607b78;font-size:9px}
.story-release .film-tools{border-color:#cad8d3}.story-release .film-tools button{color:#345e62;min-height:44px;font-size:12px;font-weight:650;padding:7px 4px}
.story-release .dialogue-bottom{border-color:#d4e0d9;flex-wrap:wrap;gap:12px}.story-release .dialogue-bottom>span{order:3;max-width:none;width:100%;font-size:11px;color:#687c7c}
.story-back{font-size:12px;min-height:44px;color:#456765;padding:6px 0;font-weight:700}.story-back:disabled{opacity:.42;cursor:default}
.story-release .next-button{background:#24685e;border-radius:8px;color:#fff;padding:9px 16px;min-height:46px;font-size:13px;font-weight:700;margin-left:auto}.story-release .next-button>span{color:#fff}
.story-release .choice{background:#fff;border:1px solid #acc7bc;border-radius:9px;padding:14px}.story-release .choice:hover{background:#eaf3eb;border-color:#468977}.story-release .choice strong{font-weight:750;font-size:15px}.story-release .choice small{color:#536e72;font-size:12px;line-height:1.8}.story-release .choice-index,.story-release .choice-arrow{color:#387968;font-family:var(--sans);font-weight:800}
.story-release .conversation{border-color:#d1ded6}.story-release .conversation-heading{color:#2c6c59;font-weight:750;font-size:12px}.story-release .conversation-heading small,.story-release .talk-note{color:#57706d;font-size:12px;line-height:1.8}
.story-release .suggestions button{color:#254f4c;background:#eff6f0;border:1px solid #bbd1c4;min-height:46px;padding:10px 12px;font-size:13px;border-radius:8px}.story-release .suggestions button:hover{background:#dfede2;border-color:#45866e;color:#204f46}
.story-release .chat-question{color:#40644e;background:#e9f2e6;padding:9px 12px;border-radius:9px;font-size:13px}.story-release .chat-question:before{color:#627d64}.story-release .chat-answer small{color:#647773}.story-release .chat-answer p{font-size:14px;color:#244540}.story-release .messages{max-height:260px}
.story-release .ending-screen{background:#f7f4eb;gap:36px;min-height:auto}.story-release .ending-screen:before{background:none}.story-release .ending-content h2{font-weight:850;font-size:30px;letter-spacing:-.03em;line-height:1.6}.story-release .ending-index{color:#527569;font-weight:750;font-size:12px}.story-release .ending-copy{color:#294e50;line-height:2;font-size:16px}.story-release .ending-question{font-weight:750;font-size:20px;letter-spacing:0}
.story-release .keepsake{background:#e6eee0;border-color:#559566;border-radius:0 12px 12px 0}.story-release .keepsake span{color:#506d55}.story-release .keepsake p{color:#285240;font-weight:800;font-size:20px}.story-release .ending-note{font-size:12px;color:#57716b}.story-release .text-button{color:#2b6257;border-color:#80a797;min-height:44px;font-weight:650}.story-release .ending-note span{font-size:11px}
.story-consult{padding:50px 6vw 60px;background:#fffdf6;border-top:1px solid #d3ded5;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.story-consult h2{font-weight:850;font-size:28px;line-height:1.6;margin:12px 0;letter-spacing:-.03em}.story-consult p:not(.eyebrow){max-width:640px;line-height:2;font-size:14px;color:#486865}.story-consult-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.story-consult small{font-size:12px;color:#5a766f}
.story-release dialog{background:#fffdf5;color:#254650;border:1px solid #b4c8b8;border-radius:14px}.story-release .modal-heading h2{font-weight:800;font-size:21px}.story-release .log-entry small{color:#287367;font-weight:750}.story-release .character-profile blockquote{color:#357367;font-weight:700}.story-release .character-profile small{color:#58726c}
@media(max-width:1050px){.story-release .game-screen{grid-template-columns:1fr}.story-release .title-content{padding-left:5vw;width:64%;padding-bottom:150px}.story-release h1{font-size:53px}.story-release .title-caption{right:4%;bottom:115px}}
@media(max-width:650px){
 .story-release .masthead{padding:12px 16px;gap:10px;min-height:68px;flex-wrap:wrap}.story-release .brand{font-size:13px}.story-release .toolbar{gap:5px}.story-release .toolbar button,.back-to-lp{font-size:11px;padding:5px 9px;min-height:40px}
 .story-release .title-screen{display:block;min-height:auto;padding-top:235px}.story-release .title-art{inset:0 0 auto;height:300px;background-position:64% 32%;background-size:cover}.story-release .title-shade{background:linear-gradient(0deg,#fff9ed 0%,#fff9ed 58%,transparent 80%)}
 .story-release .title-content{padding:22px 24px 32px;width:100%;max-width:none}.story-release .title-content h1{font-size:42px;line-height:1.3;max-width:none;letter-spacing:-.05em}.story-release .title-content h1 span{display:inline;margin:0}.story-release .eyebrow{font-size:12px}.story-release .episode{margin:15px 0;font-size:9px}.story-release .title-lead{font-size:15px;margin-top:18px}.story-release .title-footer{position:relative;left:auto;right:auto;margin:0 24px;align-items:flex-start;font-size:11px}.story-release .start-actions{gap:10px 18px;margin-top:22px}.story-release .play-details{font-size:11px}.story-release .primary{padding:12px 17px;min-height:52px;font-size:13px}
 .story-release .game-screen{padding:0 12px 25px;min-height:calc(100svh - 68px)}.story-release .scene-top{padding-top:18px}.story-release .chapter-label p{font-size:12px}.story-release .scene-location>span{font-size:10px}.story-release .scene-location time{font-size:20px}.story-release .progress{padding-bottom:15px}.story-release .dialogue-panel{padding:18px}.story-release .story-text{font-size:16px;line-height:1.95}.story-release .speaker-line h2{font-size:16px}.story-release .chapter-tag{display:none}.story-release .speaker-line p{font-size:11px}.story-release .film-stage figcaption{font-size:12px;gap:8px}.story-release .film-caption-marker{font-size:8px}.story-release .film-tools button{font-size:11px}.story-release .story-frame{margin-top:12px}
 .story-release .choice strong{font-size:14px}.story-release .choice small{font-size:12px}.story-release .choice{padding:12px 10px}.story-release .next-button{font-size:12px;padding:9px 13px}.story-release .ending-content h2{font-size:26px}.story-release .ending-copy{font-size:15px}.story-release .ending-question{font-size:18px}.story-release .keepsake p{font-size:18px}
 .story-consult{grid-template-columns:1fr;gap:20px;padding:32px 22px 40px}.story-consult h2{font-size:25px}.story-consult-actions{align-items:stretch}.story-consult .text-button{align-self:flex-start}
}
/* 2026-10-06 読みやすさ：12px未満だった補足・ラベル・ボタンの文字を12pxに（既存の定義は書き換えず、ここで上書き） */
body.story-release :is(.masthead .brand>span,.masthead .toolbar>button,.masthead .toolbar>.back-to-lp,.title-content>.episode,.title-content>.episode>i,.title-content>.play-details,.title-content>.play-details>span,.title-footer>p,.title-footer>span,.scene-location>span,.speaker-line>div>p,.speaker-line>.chapter-tag,.dialogue-bottom>span,.film-tools>button,.film-caption-marker,.chat-answer>div>small,.keepsake>span,.ending-note>span){font-size:12px}
body.story-release .scene-location>span{word-break:keep-all}