:root{color-scheme:light;--paper:#eeeade;--bg:#e6e3d9;--ink:#20211d;--red:#b83027;--muted:#716e64;--line:#c8c3b5;--mint:#ab3027;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.8 'Helvetica Neue','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}button,input,select,textarea{font:inherit}button,a,label.button{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:0;text-align:left}button:hover,.button:hover{background:#dcd6c6}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:4px}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}button.primary:hover{background:var(--red);border-color:var(--red)}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.mint,.chosen{color:var(--red)}.fine{font-size:11px;color:var(--muted);line-height:1.9}.warning{border-left:3px solid var(--red);padding:12px;color:var(--red);background:#b830270a;font-size:12px}i,.live-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:7px}.symbol{width:20px;height:20px;flex-shrink:0}.recruit{background:var(--paper);min-height:100svh;padding:0 4.5vw;max-width:1800px;margin:auto;background-image:repeating-linear-gradient(0deg,#27251f03 0px,#27251f03 1px,transparent 1px,transparent 4px)}.recruit-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);color:var(--ink);padding:0;font-size:11px;letter-spacing:2px}.wordmark{font-size:25px;letter-spacing:6px;font-weight:800;color:var(--ink);text-decoration:none}.wordmark span{font-family:var(--serif);font-size:17px;letter-spacing:0;margin-left:14px}.edition{font:9px monospace;letter-spacing:2px}.decree{display:grid;grid-template-columns:54px minmax(0,1fr) 29%;border-bottom:1px solid var(--ink);min-height:620px}.decree-margin{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:36px 0}.decree-margin span{writing-mode:vertical-rl;font-size:10px;letter-spacing:5px}.decree-margin span:first-child{color:var(--red)}.decree-copy{padding:30px 5% 0;position:relative}.decree-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:3px}.decree-meta>span:first-child{border:1px solid var(--ink);padding:2px 12px}.decree h1{font-family:var(--serif);margin:26px 0 0;font-weight:700;line-height:1.1;letter-spacing:-.06em}.order-top{display:block;font-size:clamp(26px,3.5vw,54px);letter-spacing:.03em}.order-unit{display:block;font-size:clamp(125px,17vw,260px);line-height:1.25;white-space:nowrap;position:relative}.red-period{font-family:serif;font-size:.56em;color:var(--red);position:absolute;bottom:.07em;letter-spacing:0}.order-bottom{display:block;font-size:clamp(23px,3.3vw,50px);letter-spacing:-.025em}.decree-bottom{display:flex;align-items:center;justify-content:space-between;margin:28px 0 26px}.decree-bottom p{font-family:var(--serif);font-size:20px;line-height:1.8;letter-spacing:3px;margin:0}.seal{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px double var(--red);color:var(--red);width:90px;height:90px;font-family:var(--serif);font-size:29px;line-height:1.3;transform:rotate(-9deg)}.seal span{font:10px sans-serif;letter-spacing:3px;margin-top:7px}.decree-number{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;font:9px monospace;letter-spacing:1px;color:var(--muted)}.decree-number span{color:var(--red)}.recruit-side{background:#20221e;color:var(--paper);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:36px 30px;overflow:hidden}.recruit-side:before{content:'影';position:absolute;right:-18px;top:28px;font:260px var(--serif);color:#eeeade08;line-height:1;pointer-events:none}.vertical-note{writing-mode:vertical-rl;align-self:flex-end;font-family:var(--serif);font-size:20px;letter-spacing:6px;line-height:2}.recruit-summary{position:relative}.case-label{color:#ce6252;font:10px monospace;letter-spacing:3px}.recruit-summary h2{font-family:var(--serif);font-size:36px;line-height:1.4;letter-spacing:5px;margin:14px 0}.recruit-summary p{font-size:11px;color:#b9bbae;line-height:2}.duration{border-top:1px solid #53564b;margin-top:22px;padding-top:14px;display:flex;align-items:center;gap:20px}.duration strong{font-family:var(--serif);font-size:52px;line-height:1.2;font-weight:400}.duration strong span{font:11px sans-serif;margin-left:8px}.duration>span{font-size:9px;line-height:2;color:#b9bbae}.enlist{display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:22px 0}.enlist>div{display:flex;align-items:center;gap:12px;padding-left:54px}.enlist p{font-size:13px;margin:0}.enlist small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.accept-order{background:var(--red);color:#fff4e1;border:0;width:29%;font-family:var(--serif);font-size:22px;display:flex;align-items:center;justify-content:space-between;letter-spacing:2px;padding:17px 25px}.accept-order:hover{background:#92241e}.accept-order span{font:28px sans-serif}.recruit-foot{border-top:1px solid var(--line);padding:12px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.recruit-foot p{margin:0}.text-button{border:0;padding:3px 0;font-size:11px;border-bottom:1px solid var(--muted)}.recruit-foot>span{font:10px monospace;white-space:nowrap}dialog{background:var(--paper);color:var(--ink);border:0;border-top:5px solid var(--red);padding:45px;max-width:610px;width:calc(100% - 32px);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#151810c9;backdrop-filter:blur(5px)}dialog h2{font-family:var(--serif);font-size:29px;margin:17px 0 10px}dialog>p{font-size:12px;color:var(--muted)}.dialog-close{position:absolute;right:15px;top:12px;border:0;font-size:25px;padding:0 8px}.start-options{display:grid;gap:12px;margin:25px 0}.start-options button{position:relative;padding:20px 50px 20px 55px;border-color:#9b978c}.start-options strong{display:block;font-family:var(--serif);font-size:21px;font-weight:500}.start-options small{display:block;font-size:11px;color:var(--muted)}.mode-number{position:absolute;left:17px;top:24px;font:11px monospace;color:var(--red)}.mode-arrow{position:absolute;right:18px;top:26px;font-size:24px}.sidebar{width:205px;position:fixed;inset:0 auto 0 0;background:#23251f;color:#eeeade;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:28px;font-weight:750;letter-spacing:5px;color:inherit;text-decoration:none;line-height:1.2}.brand span{font:16px var(--serif);margin-left:10px;color:#b7b6a7}.sidebar-label{font-size:9px;letter-spacing:3px;margin:14px 0 0;color:#9e9f90}.agent{display:flex;align-items:center;gap:12px;margin:33px 0;font-size:11px}.avatar{width:36px;height:40px;border:1px solid #8a8c7c;display:grid;place-items:center;font:20px var(--serif)}.agent small{display:block;color:#aaa99b;font-size:9px}.agent i{background:#c76a59}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;border-bottom:1px solid #42463a;color:#aaa99b;padding:14px 9px;display:flex;align-items:center;gap:12px;font-size:12px}.sidebar nav button.active{color:#fff3df;background:#404239;border-left:3px solid #ce6252;padding-left:6px}.sidebar nav button:hover{background:#34382d}.sidebar nav b{margin-left:auto;background:#ba4437;color:#fff0dd;font:9px monospace;padding:1px 5px}.side-bottom{margin-top:auto;padding-top:35px}.side-bottom .eyebrow{color:#aaa99b}.side-bottom strong{display:block;font:19px var(--serif);margin:10px 0}.side-bottom small{font:9px monospace;color:#929687;letter-spacing:2px}.side-bottom p{font-family:var(--serif);font-size:12px;letter-spacing:2px;color:#aaa99b;margin:28px 0 0}.mini-bars{display:flex;gap:4px;margin-top:18px}.mini-bars span{width:18px;height:2px;background:#55594c}.mini-bars .lit{background:#d9c5a5}.workspace{margin-left:205px}.workspace header{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 42px;font:10px monospace;color:var(--muted);letter-spacing:1px}.header-sep{margin:0 12px}time{font-size:15px;color:var(--ink)}time span{font-size:9px;color:var(--muted);margin-left:4px}.main{max-width:1370px;margin:auto;padding:28px 42px 35px}.title-row{display:flex;align-items:center;justify-content:space-between}.page-heading h1{font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:2px;margin:8px 0 0}.page-heading p{font-size:11px;color:var(--muted);margin:5px 0 24px}.day-pill{font:11px monospace;border-bottom:1px solid var(--ink);padding:6px 0}.day-pill em{font-style:normal;color:var(--muted)}.operation-banner{position:relative;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:22px 24px;background:#dad5c7;overflow:hidden;min-height:151px}.operation-banner h2{font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:2px;margin:7px 0}.operation-banner p{font-size:11px;color:#5b594f;margin:6px 0;position:relative;z-index:1}.chapter-mark{position:absolute;right:25px;top:-35px;font-family:var(--serif);font-size:180px;letter-spacing:-12px;color:#b8302720;line-height:1.4}.coordinates{position:absolute;right:22px;bottom:15px;font-size:9px;letter-spacing:3px}.inbox-layout{display:grid;grid-template-columns:29% 71%;margin-top:26px;min-height:470px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.inbox{max-height:720px;overflow:auto;border-right:1px solid var(--line)}.section-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 17px;font-size:11px}.section-bar span{font:9px monospace;color:var(--muted)}.message-item{width:100%;border:0;border-bottom:1px solid var(--line);padding:19px 17px}.message-item.selected{background:#d6d1c3;border-left:3px solid var(--red);padding-left:14px}.message-meta{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:var(--muted)}.message-meta small{font:9px monospace;white-space:nowrap}.message-item strong{display:block;font-weight:500;font-size:12px;margin:9px 0 4px}.message-item p{font:8px monospace;color:var(--muted);margin:0}.message-detail{background:#f5f1e6;padding:30px 34px;position:relative}.message-detail>.eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1px}.message-detail h2{font-family:var(--serif);font-size:26px;letter-spacing:1px;font-weight:500;margin:25px 0}.sender{display:flex;align-items:center;gap:12px;font-size:11px;padding-bottom:20px;border-bottom:1px solid var(--line)}.avatar.small{width:31px;height:34px;font-size:17px;border-color:var(--line)}.sender small{display:block;font-size:9px;color:var(--muted)}.subtle{margin-left:auto;font-size:10px;padding:4px 8px;border:0;border-bottom:1px solid var(--line)}.message-body{font-size:13px;line-height:2.3;padding:24px 0;color:#48483f}.attachment{width:100%;display:flex;align-items:center;gap:14px;font-size:11px;background:#e9e3d4;border:1px solid #bfb7a5}.attachment small{display:block;color:var(--muted);font-size:10px}.attachment>span:last-child{margin-left:auto}.message-foot{font:8px monospace;color:var(--muted);letter-spacing:1px;border-top:1px solid var(--line);padding-top:15px;margin-top:30px;display:flex;justify-content:space-between}.decision{border-left:3px solid var(--red);padding:19px 23px;margin-top:16px;background:#e8e2d3}.decision h3{font-family:var(--serif);font-size:19px;font-weight:500}.decision button{display:block;width:100%;margin-top:9px;font-size:12px;border-color:#afa792;background:#f4f0e5}.decision button:hover{background:#d8cfb9}.decision button span{font-family:monospace;color:var(--red);margin-right:12px}.decision button.primary{background:var(--ink);color:var(--paper)}.decision p{font-size:12px;line-height:2}.decision small{font-size:10px;color:var(--muted)}.decision label{display:block;font-size:12px;margin:19px 0}select{display:block;width:100%;background:#f5f1e6;color:var(--ink);border:1px solid #bfb7a5;padding:12px;margin-top:8px;border-radius:0}.next-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 0}.next-strip p{font-size:12px;margin:4px 0;color:var(--muted)}.next-strip>.mint{font-size:10px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin:0 42px;padding:18px 0;font:8px monospace;color:var(--muted);letter-spacing:1px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.evidence{position:relative;background:#f5f1e6;box-shadow:3px 4px 0 #c7c0ad;padding:28px;border-top:3px solid #464b3d}.evidence:nth-child(even){border-top-color:var(--red)}.evidence h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:18px 0}.evidence p{font:12px/2.2 monospace;color:#55564a}.evidence small{font-size:9px;color:var(--muted)}.pin{position:absolute;top:14px;right:15px;font-size:22px;border:0;padding:0 6px}.pin.on{color:var(--red)}.empty{padding:70px 30px;text-align:center;font-family:var(--serif);color:var(--muted)}.note-panel{background:#f5f1e6;padding:28px}.note-panel .section-bar{padding:0 0 15px;margin-bottom:23px}.note-panel label{font-size:12px;display:block;margin-bottom:15px}textarea{display:block;width:100%;min-height:380px;resize:vertical;border:0;background:repeating-linear-gradient(transparent,transparent 35px,#d2ccbd 35px,#d2ccbd 36px);line-height:36px;color:var(--ink);padding:0 8px;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:28px}.stats>div{padding:22px 24px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats small{font-size:10px;color:var(--muted)}.stats strong{display:block;font-family:var(--serif);font-size:43px;font-weight:400;line-height:1.4}.stats em{font:14px monospace;color:var(--muted);margin-left:8px}.stats .relation{font-size:30px;color:var(--red);margin-top:10px}.world-panel{padding:28px;background:#d6d2c4;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.world-panel h2{font-family:var(--serif);font-size:25px;font-weight:500}.world-panel p{font-size:11px;color:var(--muted)}.network{display:flex;align-items:center;gap:15px;margin:30px 0}.network div{flex:1;border-top:1px solid #828777;border-bottom:1px solid #828777;padding:20px 8px;font:23px var(--serif);text-align:center}.network small{display:block;font:10px sans-serif;color:var(--muted);margin-top:8px}.network>span{color:var(--red)}.timeline-row{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}.timeline-row h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:0}.timeline-row p{font-size:11px;color:var(--muted);margin:4px 0}.timeline-row>span:last-child{margin-left:auto;font-size:10px;color:var(--red);white-space:nowrap}.timeline-row.locked{opacity:.5}.settings{background:#f5f1e6;padding:32px;max-width:800px}.settings h2{font-family:var(--serif);font-size:24px;font-weight:500}.settings p{font-size:12px;line-height:2;color:var(--muted)}.settings-actions{display:flex;gap:15px;flex-wrap:wrap}.button{display:inline-block}.danger{color:var(--red)}hr{border:0;border-top:1px solid var(--line);margin:32px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#23251f;color:#f5f1e6;padding:15px 25px;font-size:12px;max-width:90vw;box-shadow:0 8px 30px #0003}#toast:empty{display:none}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.decree h1{animation:arrive .7s ease both}.seal{animation:arrive .7s .15s ease backwards}@media(min-width:1600px){.decree{min-height:740px}.decree-copy{padding-top:40px}.decree h1{margin-top:40px}.decree-bottom{margin-top:36px}.recruit-side{padding:45px}}@media(max-width:1100px){.sidebar{width:180px;padding:27px 17px}.workspace{margin-left:180px}.main{padding:26px}.workspace header{padding:0 26px}.message-detail{padding:25px}.message-meta{flex-direction:column}.message-detail>.eyebrow{font-size:8px;letter-spacing:0}.recruit{padding:0 3vw}.decree{grid-template-columns:35px minmax(0,1fr) 28%;min-height:550px}.recruit-side{padding:27px 20px}.recruit-summary h2{font-size:28px}.vertical-note{font-size:17px}.duration{gap:10px}.duration strong{font-size:42px}.duration>span{font-size:8px}.decree-bottom p{font-size:17px}.decree-copy{padding:25px 5% 0}.decree h1{margin-top:34px}.enlist>div{padding-left:35px}.accept-order{width:28%;font-size:18px;padding:15px}.edition{font-size:8px;letter-spacing:1px}.order-unit{font-size:18vw}.order-bottom{font-size:3.4vw}.decree-number{font-size:8px}.seal{width:76px;height:76px;font-size:25px}.recruit-foot p{font-size:8px}}@media(max-width:760px){.recruit{padding:0 20px}.recruit-header{height:65px;letter-spacing:1px}.wordmark{font-size:21px;letter-spacing:4px}.wordmark span{font-size:13px;margin-left:8px}.recruit-header>span{font-size:8px}.recruit-header .edition{display:none}.decree{grid-template-columns:22px minmax(0,1fr);min-height:0}.decree-margin{padding:24px 0}.decree-margin span{font-size:8px;letter-spacing:3px}.decree-copy{padding:22px 0 0 20px}.decree-meta{font-size:9px;letter-spacing:1px}.decree-meta>span:first-child{padding:1px 8px}.decree h1{margin:24px 0 0}.order-top{font-size:26px}.order-unit{font-size:clamp(120px,36vw,230px);line-height:1.3}.order-bottom{font-size:clamp(20px,5.8vw,36px);white-space:nowrap}.decree-bottom{margin:25px 6px 22px 0}.decree-bottom p{font-size:15px;letter-spacing:2px}.seal{width:66px;height:66px;font-size:23px}.seal span{font-size:8px;letter-spacing:2px;margin-top:3px}.decree-number{font-size:7px;letter-spacing:.5px;padding:11px 0}.recruit-side{grid-column:1 / -1;padding:18px 22px;display:block;margin-top:0}.vertical-note,.recruit-summary h2,.recruit-summary p,.case-label{display:none}.duration{border:0;margin:0;padding:0;justify-content:space-between}.duration strong{font-size:36px}.duration strong span{font-size:12px}.duration>span{font-size:10px;line-height:1.9}.recruit-side:before{font-size:100px;top:-20px;right:25px}.enlist{flex-direction:column;gap:16px;padding:19px 0}.enlist>div{padding-left:0;gap:7px}.enlist p{font-size:12px}.enlist small{font-size:9px}.accept-order{width:100%;font-size:21px;padding:15px 23px}.recruit-foot{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 20px}.recruit-foot p{order:3;flex-basis:100%;font-size:8px}.recruit-foot>span{margin-left:auto;font-size:9px}.text-button{font-size:10px}.sidebar{position:sticky;top:0;width:100%;height:auto;z-index:5;padding:13px 17px 0}.sidebar .brand{font-size:20px;letter-spacing:5px}.sidebar .brand span{font-size:12px}.sidebar-label{position:absolute;right:18px;top:14px;margin:0;font-size:8px}.agent,.side-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-between;gap:0;margin-top:12px}.sidebar nav button{padding:10px 6px;font-size:10px;gap:5px;border:0}.sidebar nav button.active{border-left:0;border-bottom:2px solid #ce6252;padding-left:6px}.sidebar nav .symbol{width:15px;height:15px}.sidebar nav b{font-size:8px;padding:0 3px}.workspace{margin-left:0}.workspace header{height:42px;padding:0 18px;font-size:8px}.header-sep{margin:0 5px}time{font-size:12px}time span{font-size:8px}.main{padding:23px 18px 30px}.page-heading h1{font-size:29px}.page-heading p{font-size:10px;margin-bottom:21px}.page-heading .eyebrow{font-size:8px}.day-pill{font-size:10px}.operation-banner{padding:18px 20px;min-height:144px}.operation-banner h2{font-size:26px}.operation-banner p{max-width:78%;font-size:10px}.chapter-mark{font-size:145px;right:16px;top:-20px}.coordinates{font-size:8px;bottom:12px;right:14px;letter-spacing:1px}.inbox-layout{display:flex;flex-direction:column;margin-top:23px}.inbox{max-height:210px;border-right:0;border-bottom:1px solid var(--ink)}.message-item{padding:12px 16px}.message-item.selected{padding-left:13px}.message-meta{flex-direction:row}.message-item strong{margin:5px 0 0;font-size:12px}.message-item p{display:none}.section-bar{padding:12px 16px}.message-detail{padding:24px 20px}.message-detail h2{font-size:24px;margin:24px 0}.message-detail>.eyebrow{font-size:8px}.sender{gap:8px}.message-body{font-size:13px;line-height:2.2}.subtle{font-size:9px;padding:3px}.message-foot{font-size:7px;gap:8px}.decision{padding:17px 16px}.decision h3{font-size:18px}.decision button{font-size:11px;padding:13px 10px}.next-strip{flex-direction:column;align-items:stretch;gap:14px}.next-strip button{text-align:center}.next-strip p{font-size:11px}footer{margin:0 18px;font-size:7px;letter-spacing:0}.evidence-grid{grid-template-columns:1fr;gap:20px}.evidence{padding:24px}.evidence h2{font-size:22px}.evidence p{font-size:11px}.stats>div{padding:18px 9px}.stats strong{font-size:34px}.stats small{font-size:9px}.stats .relation{font-size:23px}.world-panel{padding:20px}.world-panel h2{font-size:24px}.network{gap:7px}.network div{font-size:18px;padding:16px 2px}.network small{font-size:8px}.timeline-row{gap:13px}.timeline-row>.eyebrow{font-size:9px;white-space:nowrap}.timeline-row h3{font-size:17px}.timeline-row p{font-size:10px}.timeline-row>span:last-child{font-size:9px}.note-panel,.settings{padding:23px 20px}.settings h2{font-size:23px}.settings-actions{gap:10px}.settings-actions button,.settings-actions .button{font-size:11px}dialog{padding:34px 23px}dialog h2{font-size:26px}.start-options strong{font-size:19px}.start-options small{font-size:9px}.start-options button{padding-left:45px}.mode-number{left:13px}.dialog-close{right:10px;top:8px}.fine{font-size:10px}}@media(max-width:360px){.recruit{padding:0 14px}.decree-copy{padding-left:15px}.order-top{font-size:24px}.order-unit{font-size:35vw}.order-bottom{font-size:5.6vw}.sidebar nav .symbol{display:none}.message-detail>.eyebrow{font-size:7px}.duration>span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
/* The red punctuation is a drawn mark so Japanese glyph advance cannot overflow narrow screens. */
.red-period{position:static;display:inline-block;font-size:0;width:clamp(13px,2vw,30px);height:clamp(13px,2vw,30px);border:3px solid var(--red);border-radius:50%;margin-left:6px;vertical-align:baseline}
/* Opening sequence: paper reveal, appointment, then the seal. */
@keyframes paper-open{0%{clip-path:inset(0 0 100% 0)}100%{clip-path:inset(0)}}
@keyframes ink-reveal{0%{opacity:0;transform:translateY(22px);filter:blur(7px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes seal-press{0%{opacity:0;transform:translate(20px,-45px) rotate(-15deg) scale(1.9)}55%{opacity:1;transform:translate(0,2px) rotate(-9deg) scale(.94)}78%{transform:translate(0,-2px) rotate(-9deg) scale(1.03)}100%{opacity:1;transform:rotate(-9deg) scale(1)}}
@keyframes order-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes signal-breathe{0%,100%{opacity:.5}50%{opacity:1}}
.recruit .decree{animation:paper-open .65s cubic-bezier(.16,1,.3,1) both}.decree h1{animation:none}.order-top{animation:ink-reveal .55s .35s both}.order-unit{animation:ink-reveal .7s .8s both}.order-bottom{animation:ink-reveal .6s 1.35s both}.decree .seal{animation:seal-press .6s 1.9s both}.decree-bottom p{animation:ink-reveal .6s 1.6s both}.decree-number{animation:ink-reveal .4s 2.15s both}.enlist{animation:ink-reveal .6s 2.3s both}.intro-line{transform-origin:left;animation:order-rule .8s both}.recruit-foot{flex-wrap:wrap}.recruit-foot p{margin-left:auto}.compact-operation{min-height:0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.compact-operation h2{font-size:24px;margin:3px 0}.compact-operation .coordinates{position:static}.communication-archive{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:18px}.communication-archive summary{cursor:pointer;font-size:12px;padding:14px 4px;list-style-position:inside}.communication-archive summary>span{float:right;color:var(--muted);font-size:10px}.archive-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:290px;overflow:auto;border-top:1px solid var(--line)}.archive-list .message-item{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line);padding:12px}.archive-message{flex:1;min-width:0}.archive-list .message-item.selected{padding-left:9px}.archive-list .message-item strong{font-size:10px;line-height:1.6;margin:4px 0 0}.archive-list .message-meta{font-size:9px;flex-direction:row}.contact-avatar{display:block;flex:0 0 37px;height:60px;background-image:url('assets/characters.png');background-size:500% 100%;background-position:var(--portrait-position) center;filter:saturate(.8)}.conversation{border:1px solid var(--line);background:#f5f1e6}.conversation-top{display:flex;justify-content:space-between;padding:12px 20px;background:#272b23;color:#d5d3c1;font:9px monospace;letter-spacing:1px}.dialogue-stage{display:grid;grid-template-columns:minmax(170px,30%) minmax(0,1fr);align-items:start}.character-panel{position:sticky;top:20px;overflow:hidden;background:#ddd1b5;align-self:start}.character-art{width:100%;aspect-ratio:1/2;background:url('assets/characters.png');background-size:500% 100%;background-position:var(--portrait-position) center;position:relative}.character-panel.unverified .character-art{filter:grayscale(1);opacity:.65}.character-caption{position:relative;margin-top:-90px;padding:45px 22px 16px;background:linear-gradient(transparent,#23261df5 55%);color:#f4ecda}.character-caption>span{font-size:10px;letter-spacing:3px;color:#cec9b6;display:block}.character-caption strong{display:block;font:36px var(--serif);letter-spacing:5px;margin:5px 0}.character-caption small{font:8px monospace;letter-spacing:1px;color:#bdbba7}.character-motto{margin:0;background:#23261d;color:#bdbba7;padding:12px 22px 22px;font:11px/1.9 var(--serif);letter-spacing:1px}.dialogue-panel{padding:24px 28px;min-height:510px}.dialogue-heading{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:25px}.dialogue-heading>span{font:9px monospace;color:var(--muted);letter-spacing:1px}.dialogue-heading h2{font:25px/1.6 var(--serif);margin:8px 0 0}.dialogue-log{display:flex;flex-direction:column;gap:21px}.dialogue-turn{max-width:94%;position:relative}.speaker-label{font-size:10px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:6px}.speech-bubble{background:#e8e0cc;border:1px solid #d2c8b2;padding:17px 20px;font-size:13px;line-height:2.1;position:relative}.npc-turn .speech-bubble:before{content:'';position:absolute;left:-7px;top:14px;width:12px;height:12px;background:#e8e0cc;transform:rotate(45deg);border-left:1px solid #d2c8b2;border-bottom:1px solid #d2c8b2}.player-turn{align-self:flex-end;margin-left:auto}.player-turn .speaker-label{text-align:right;color:var(--red)}.player-turn .speech-bubble{background:#30392c;border-color:#30392c;color:#f2eddf}.player-turn .speech-bubble:after{content:'';position:absolute;right:-6px;top:15px;width:11px;height:11px;transform:rotate(45deg);background:#30392c}.dialogue-turn.latest{animation:ink-reveal .32s ease both}.dialogue-controls{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.reply-button{position:relative;width:100%;padding:15px 40px 15px 17px;background:#f7f3e9;border-color:#ae9d7c;font-size:13px}.reply-button small{display:block;color:var(--red);font-size:9px;letter-spacing:2px;margin-bottom:6px}.reply-button>span{position:absolute;right:17px;top:50%;transform:translateY(-50%)}.reply-button:hover{background:#e4d7b9;border-color:#6f5e40}.dialogue-controls>.text-button{display:block;font-size:10px;margin-top:15px;color:var(--muted)}.dialogue-complete{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:25px 0 18px}.decision .dialogue-turn{margin-top:18px}.decision .speech-bubble{font-size:12px}.decision .player-turn{margin-left:auto}.conversation .decision{padding:18px;margin-top:22px}.conversation .decision h3{font-size:18px}.dialogue-panel .attachment{margin-top:12px}.conversation-top>span:last-child:before{content:'';display:inline-block;height:4px;width:4px;background:#c38a69;margin-right:7px;border-radius:50%;animation:signal-breathe 2.5s infinite}.replay-intro{cursor:pointer}@media(max-width:1100px){.dialogue-panel{padding:21px}.dialogue-stage{grid-template-columns:29% minmax(0,1fr)}.character-caption{padding-left:15px;padding-right:15px}.character-caption strong{font-size:30px}.character-motto{padding-left:15px;padding-right:15px;font-size:10px}.archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-heading h2{font-size:23px}}@media(max-width:760px){.recruit-foot p{margin-left:0}.recruit-foot>.text-button{font-size:9px}.recruit-foot>span{display:none}.compact-operation{padding:12px 15px}.compact-operation h2{font-size:22px}.compact-operation .eyebrow{font-size:8px}.compact-operation .coordinates{font-size:8px;max-width:32%;text-align:right}.communication-archive summary{font-size:11px;padding:12px 2px}.communication-archive summary>span{font-size:8px}.archive-list{grid-template-columns:1fr;max-height:245px}.archive-list .message-item strong{font-size:12px}.archive-list .message-meta{font-size:10px}.contact-avatar{height:54px;flex-basis:32px}.conversation-top{padding:10px 12px;font-size:8px;letter-spacing:0}.dialogue-stage{display:block}.character-panel{position:relative;top:0;display:grid;grid-template-columns:120px 1fr;align-items:center;min-height:198px;background:#23261d}.character-art{width:120px;height:220px;aspect-ratio:auto;background-size:500% 100%;margin:0}.character-caption{margin:0;padding:18px 20px;background:none;align-self:center}.character-caption strong{font-size:37px;margin:9px 0}.character-caption small{line-height:1.8;font-size:8px}.character-motto{display:none}.character-caption>span{font-size:10px}.dialogue-panel{min-height:0;padding:20px 19px 24px}.dialogue-heading{padding-bottom:15px;margin-bottom:20px}.dialogue-heading h2{font-size:22px}.dialogue-turn{max-width:96%}.speech-bubble{font-size:13px;padding:14px 15px;line-height:2}.dialogue-log{gap:20px}.speaker-label{font-size:9px}.reply-button{font-size:12px;padding:14px 33px 14px 14px}.dialogue-controls>.text-button{font-size:10px}.conversation .decision{padding:15px 12px}.dialogue-panel .decision button{font-size:12px}.dialogue-complete{font-size:9px}.conversation .speech-bubble{overflow-wrap:anywhere}}@media(max-width:360px){.character-panel{grid-template-columns:105px 1fr;min-height:190px}.character-art{width:105px;height:210px}.character-caption{padding:15px}.character-caption strong{font-size:32px}.dialogue-panel{padding:18px 16px}.dialogue-heading h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.recruit .decree,.decree .seal,.order-top,.order-unit,.order-bottom,.decree-bottom p,.decree-number,.enlist,.dialogue-turn.latest,.conversation-top>span:last-child:before{animation:none!important;clip-path:none!important;opacity:1!important;filter:none!important}}
@media(max-width:760px){.main:has(.conversation) .page-heading{display:none}.main:has(.conversation){padding-top:16px}.character-panel{position:sticky;top:89px;z-index:2;grid-template-columns:90px 1fr;min-height:0;height:180px}.character-art{width:90px;height:180px}.character-caption strong{font-size:32px}.character-caption{padding:14px 20px}.conversation{scroll-margin-top:100px}.dialogue-turn{scroll-margin-top:280px}}
/* Cinematic conversation: expression atlas, timed delivery, reactive camera. */
.cinema{background:#161a17;color:#eeeadd;border:1px solid #333c31;overflow:hidden;scroll-margin-top:18px}.cinema .conversation-top{background:#111610;border-bottom:1px solid #77805b44;position:relative;z-index:3}.cinema-screen{height:600px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 40%,#56614b 0,#242c24 44%,#0b100e 90%)}.cinema-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000012 3px 4px);box-shadow:inset 0 0 130px #0009}.scene-grid{position:absolute;inset:-25%;background-image:linear-gradient(#a4b18313 1px,transparent 1px),linear-gradient(90deg,#a4b18313 1px,transparent 1px);background-size:65px 65px;transform:perspective(600px) rotateX(25deg);animation:grid-drift 18s linear infinite}.scene-word{position:absolute;top:14%;left:3%;font:900 clamp(70px,11vw,170px)/1 sans-serif;letter-spacing:-.08em;color:#b0b99916;writing-mode:vertical-rl}.scene-corner{position:absolute;top:25px;right:26px;z-index:4;font:11px monospace;text-align:right;letter-spacing:2px;color:#e0d6bd}.scene-corner small{display:block;font-size:8px;line-height:1.8;letter-spacing:1px;margin-top:10px;color:#a0a68e}.cinema .character-panel{position:absolute;top:0;left:50%;width:450px;height:563px;margin:0;transform:translateX(-50%);background:none;display:block;overflow:visible;z-index:1;animation:actor-arrive 1.1s cubic-bezier(.16,1,.3,1) both}.cinema .character-art{width:100%;height:100%;aspect-ratio:4/5;background-image:url('assets/expressions.png');background-size:500% 400%;background-position:var(--portrait-position) var(--expression);mask-image:linear-gradient(#000 65%,transparent 100%);filter:saturate(.65) contrast(1.08);transform-origin:50% 65%;animation:actor-breathe 5.4s ease-in-out infinite}.cinema .talking .character-art{animation:actor-speak 2.8s ease-in-out infinite}.cinema .unverified .character-art{filter:grayscale(1) contrast(1.3)}.scene-name{position:absolute;left:28px;top:30%;z-index:4;text-shadow:0 2px 12px #000}.scene-name>span{font-size:10px;letter-spacing:3px;color:#d1bea1}.scene-name strong{font:52px/1.6 var(--serif);display:block;letter-spacing:7px}.scene-name small{font:9px monospace;letter-spacing:3px;color:#c5cbac}.scene-intro{position:absolute;inset:0;z-index:6;background:#b62d23;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:connection-cut 1.3s cubic-bezier(.7,0,.2,1) both}.scene-intro strong{font:clamp(32px,5vw,66px) var(--serif);letter-spacing:.16em}.scene-intro small{font:10px monospace;letter-spacing:.35em;margin-bottom:22px}.live-dialogue{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:23px 30px 22px;background:linear-gradient(transparent,#101511ed 18%,#101511 85%);border-bottom:3px solid #bc382a;min-height:178px}.live-speaker{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bdb79769;padding-top:14px;margin-bottom:12px}.live-speaker>span:first-child{font:20px var(--serif);letter-spacing:3px}.live-speaker small{font:9px sans-serif;margin-left:18px;letter-spacing:1px;color:#b7bd9a}.scene-counter{font:10px monospace;color:#a19d88}.live-dialogue p{font:19px/1.9 var(--serif);letter-spacing:.06em;white-space:pre-wrap;margin:0;min-height:74px;max-height:210px;overflow-y:auto;padding-right:4px}.finish-line{border:0;background:none;color:#c2bda8;font-size:9px;display:block;margin:10px 0 0 auto;padding:4px}.finish-line[hidden]{display:none}.signal-meter{position:absolute;right:26px;top:48%;height:30px;display:flex;align-items:center;gap:3px;z-index:4}.signal-meter i{width:3px;height:3px;background:#b9c7a0;transition:height .2s}.talking .signal-meter i{animation:voice-bars .6s calc(var(--n)*-.09s) ease-in-out infinite alternate}.urgent .cinema-screen{background:radial-gradient(ellipse at 60% 40%,#704437,#332521 44%,#100e0b 90%)}.urgent .signal-meter i{background:#e38861}.performance-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #a4ad8d25;background:#1c221c;font-size:10px;color:#c4b994}.performance-tools>div{display:flex;gap:5px;flex-wrap:wrap}.performance-tools button{color:#d8d5bd;border:1px solid #a7af9044;background:transparent;padding:8px 10px;font-size:10px}.performance-tools button:hover{background:#353f30}.cinema .dialogue-panel{min-height:0;padding:22px 28px;background:#f1ecdf;color:#22261f}.cinema .dialogue-controls{margin:0;border:0;padding:0}.cinema .reply-button{background:#ad3027;border:0;color:#fff7e9;font-size:15px;padding:20px 45px 20px 22px;box-shadow:5px 5px 0 #252c22;transition:transform .2s,box-shadow .2s}.cinema .reply-button small{color:#f4c7ad}.cinema .reply-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #252c22}.scene-history{margin-top:24px;border-top:1px solid #bbb49f;padding-top:15px}.scene-history summary{font-size:11px;cursor:pointer;color:#646753}.scene-history .dialogue-log{margin-top:20px}.cinema .dialogue-complete{margin:0 0 16px;padding:0;border:0}.cinema .dialogue-turn{scroll-margin:20px}.quiet *, .quiet:after{animation:none!important}.quiet .scene-intro{display:none}.quiet .character-panel{transform:translateX(-50%)}
@keyframes actor-arrive{from{opacity:0;transform:translateX(-50%) scale(1.16)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes actor-breathe{0%,100%{transform:translateY(0) rotate(-.15deg)}50%{transform:translateY(3px) rotate(.15deg)}}@keyframes actor-speak{0%,100%{transform:scale(1.025) rotate(-.3deg)}42%{transform:scale(1.045) translateY(2px) rotate(.3deg)}75%{transform:scale(1.03) translateY(-1px)}}@keyframes connection-cut{0%,32%{clip-path:inset(0);transform:translateX(0)}80%,100%{clip-path:inset(49.9% 0);transform:translateX(110%)}}@keyframes grid-drift{to{translate:65px 65px}}@keyframes voice-bars{from{height:3px}to{height:24px}}
@media(max-width:760px){.cinema{scroll-margin-top:100px}.cinema-screen{height:550px}.cinema .character-panel{top:20px;width:340px;height:425px;left:57%}.scene-name{top:100px;left:18px}.scene-name strong{font-size:39px}.scene-name>span{font-size:9px;letter-spacing:1px}.scene-name small{font-size:8px;letter-spacing:1px}.scene-corner{top:16px;right:15px;font-size:9px}.scene-word{font-size:90px;left:0;top:15%}.live-dialogue{padding:24px 19px 18px;min-height:185px}.live-dialogue p{font-size:16px;line-height:1.9;max-height:182px}.live-speaker small{font-size:8px;margin-left:10px;letter-spacing:0}.live-speaker>span:first-child{font-size:18px}.signal-meter{right:18px;top:45%;gap:2px}.signal-meter i{width:2px}.performance-tools{padding:12px 15px}.performance-tools>span{width:100%;font-size:10px}.performance-tools>div{width:100%;justify-content:space-between}.performance-tools button{font-size:9px;padding:9px}.cinema .dialogue-panel{padding:20px 17px}.cinema .reply-button{font-size:13px}.scene-intro strong{font-size:36px}.scene-intro small{font-size:8px;letter-spacing:2px}.cinema .character-art{margin:0}.cinema .scene-history .dialogue-turn{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.cinema *{animation:none!important}.scene-intro{display:none}.cinema .character-panel{transform:translateX(-50%)}}
.cinema .character-art{mask-image:radial-gradient(ellipse at 50% 34%,#000 36%,#000b 48%,transparent 73%)}.your-echo{position:absolute;z-index:4;left:24px;top:22px;max-width:52%;background:#111811d9;border-left:2px solid #be4731;padding:12px 16px;font:12px/1.8 var(--serif);animation:echo-in .5s ease both}.your-echo small{display:block;font:8px monospace;letter-spacing:2px;color:#c9ad8c;margin-bottom:5px}@keyframes echo-in{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}@media(max-width:760px){.your-echo{left:13px;top:15px;max-width:55%;padding:8px 10px;font-size:10px}.scene-name{top:125px}.cinema .character-panel{width:320px;height:400px;top:40px}}
.sound-panel{position:fixed;bottom:18px;right:20px;z-index:90;color:#e8e2cc;font-size:12px}.sound-panel>summary{list-style:none;cursor:pointer;background:#252c22;border:1px solid #8c947377;padding:11px 16px;box-shadow:0 3px 15px #0002;user-select:none;min-height:40px}.sound-panel>summary::-webkit-details-marker{display:none}.sound-panel[open]>summary{border-color:#bf5f41}.sound-settings{position:absolute;bottom:51px;right:0;width:280px;padding:20px;background:#20271f;border:1px solid #8c947366;box-shadow:0 10px 35px #0006}.sound-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sound-heading strong{font-size:13px;letter-spacing:2px}.sound-settings button{background:#333e2d;color:#eee8d3;border:1px solid #a4b18a66;font-size:11px;padding:8px 12px}.sound-settings p{border-bottom:1px solid #a4b18a44;padding-bottom:14px;margin:16px 0}.sound-settings p>span{font:20px var(--serif)}.sound-settings p>small{display:block;margin-top:7px;font-size:10px;color:#b5c19b}.sound-settings label{display:flex;justify-content:space-between;font-size:11px;margin:14px 0 8px}.sound-settings output{color:#c7bc9c;font:10px monospace}.sound-settings input[type=range]{display:block;width:100%;accent-color:#c86a48;height:24px;cursor:pointer}.sound-note{display:block;font-size:9px;color:#a9af98;margin-top:13px;line-height:1.7}#sound-test{width:100%;margin-top:14px}.sound-panel :focus-visible{outline:2px solid #e3b46a;outline-offset:3px}.workspace footer,.recruit-foot{padding-bottom:65px}@media(max-width:760px){.sound-panel{bottom:10px;right:12px}.sound-panel>summary{padding:10px 13px;font-size:10px}.sound-settings{width:min(280px,calc(100vw - 24px));padding:17px}}

.sound-note a{color:#dcd6bb;text-decoration:underline;text-underline-offset:3px}
/* Readable, self-paced play: one clear action beneath each complete line. */
body{font-size:17px;line-height:1.8}.main{max-width:1220px;padding:24px 32px 40px}.sidebar nav button{font-size:17px;min-height:54px;color:#e5e2d3}.sidebar-label,.agent,.agent small{font-size:13px}.workspace header{font-size:14px}.page-heading p{font-size:16px;max-width:760px}.day-pill{font-size:16px}.eyebrow,.fine,.warning{font-size:14px;letter-spacing:.5px}.compact-operation .eyebrow,.compact-operation .coordinates{font-size:14px}.communication-archive summary,.communication-archive summary>span{font-size:15px}.conversation-top{font-size:13px!important;letter-spacing:.5px}.cinema-screen{height:auto;padding-top:300px;overflow:visible;display:flex;flex-direction:column}.cinema .character-panel{width:300px;height:375px;top:0;left:62%}.scene-name{top:70px;left:28px}.scene-name strong{font-size:44px}.scene-name>span,.scene-name small,.scene-corner,.scene-corner small{font-size:13px;letter-spacing:1px}.scene-word{font-size:110px;top:8%}.scene-corner{top:20px}.scene-intro{display:none}.your-echo{left:22px;top:195px;max-width:50%;font-size:15px;padding:8px 12px}.your-echo small{font-size:12px}.signal-meter{top:240px}.live-dialogue{position:relative;bottom:auto;padding:20px 28px 24px;min-height:0;background:#101711f5}.live-dialogue p{font:500 22px/1.9 'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;max-height:none;min-height:0;overflow:visible;letter-spacing:.02em}.live-speaker>span:first-child{font-size:24px}.live-speaker small{font-size:13px;letter-spacing:0}.scene-counter{font-size:15px}.cinema .dialogue-panel{padding:22px 28px}.cinema .reply-button{font-size:20px;min-height:64px;padding:18px 48px 18px 22px;box-shadow:3px 3px 0 #252c22;width:100%;margin-top:12px}.cinema .reply-button small{font-size:14px;letter-spacing:0;margin-bottom:4px}.action-hint{font-size:15px;color:#555747;margin:16px 0}.performance-tools{background:none;color:#4f5546;border-top:1px solid #c2bba8;margin-top:22px;padding:18px 0 0}.performance-tools>span{display:none}.performance-tools>div{gap:10px}.performance-tools button{color:#303729;border:1px solid #9d9f8e;font-size:15px;padding:11px 14px;min-height:46px}.performance-tools button:hover{background:#dedbca}.scene-history summary,.dialogue-complete,.cinema .dialogue-complete{font-size:15px}.speech-bubble,.decision .speech-bubble,.decision p,.evidence p{font-size:17px;line-height:1.9}.conversation .decision h3,.decision h3{font-size:24px}.decision button,.dialogue-panel .decision button{font-size:18px;min-height:60px;padding:16px;background:#fffdf5;border:2px solid #9c6855}.decision small,.decision label,.speaker-label{font-size:16px}.attachment,.attachment small{font-size:16px;min-height:48px}.evidence p{font-family:inherit;font-size:18px}.evidence small,.section-bar,.section-bar span,.settings p,.settings button,.settings label,.note-panel label,.timeline-row p{font-size:16px}.settings h2{font-size:24px}select,textarea{font-size:18px}button,.button,summary{touch-action:manipulation}summary{min-height:44px;cursor:pointer}.button,button{min-height:44px}.recruit-summary p,.duration>span,.enlist p,.enlist small{font-size:16px}.accept-order{font-size:24px;min-width:260px}.recruit-foot .text-button{font-size:14px;min-height:44px}.sound-panel{position:relative;bottom:auto;right:auto;width:max-content;max-width:100%;margin:0 24px 24px auto;z-index:10}.sound-panel>summary{font-size:16px;min-height:48px}.sound-settings{width:320px;max-width:calc(100vw - 32px)}.sound-settings button,.sound-heading strong,.sound-settings label,.sound-settings output,.sound-note,.sound-settings p>small{font-size:14px}.sound-settings input[type=range]{height:36px}.workspace footer,.recruit-foot{padding-bottom:24px}button:focus-visible,summary:focus-visible{outline:3px solid #e69a35;outline-offset:4px}
@media(max-width:760px){body{font-size:17px}.main{padding:16px 14px 28px}.main:has(.conversation) .page-heading{display:block}.page-heading h1{font-size:26px}.page-heading .eyebrow{display:none}.page-heading p{font-size:15px;margin-bottom:18px}.sidebar nav button{font-size:14px;min-height:48px}.workspace header{font-size:12px;padding:12px 16px}.workspace header time{display:none}.compact-operation h2{font-size:24px}.compact-operation .eyebrow,.compact-operation .coordinates{font-size:13px}.cinema-screen{padding-top:235px}.cinema .character-panel{width:235px;height:294px;top:0;left:65%}.scene-name{top:50px;left:16px}.scene-name strong{font-size:34px}.scene-name small,.scene-corner small{display:none}.scene-corner{font-size:12px;top:12px;right:12px}.scene-name>span{font-size:13px}.your-echo{top:162px;left:12px;max-width:67%;font-size:14px}.your-echo small{font-size:11px}.signal-meter{display:none}.live-dialogue{padding:16px 18px 20px}.live-dialogue p{font-size:19px;line-height:1.85;max-height:none}.live-speaker{align-items:flex-start}.live-speaker small{display:block;margin:6px 0 0;font-size:12px}.live-speaker>span:first-child{font-size:22px}.cinema .dialogue-panel{padding:18px}.cinema .reply-button{font-size:18px;padding:16px 32px 16px 16px;min-height:62px}.performance-tools>div{justify-content:flex-start}.performance-tools button{font-size:14px;padding:10px}.decision button,.dialogue-panel .decision button{font-size:17px}.conversation .decision{padding:16px 12px}.evidence-grid{grid-template-columns:1fr}.evidence{padding:22px}.recruit-summary p,.duration>span,.enlist p,.enlist small{font-size:15px}.accept-order{width:100%;min-width:0;font-size:22px}.enlist{flex-direction:column}.enlist>div{padding-left:0}.recruit-foot>.text-button{font-size:14px}.sound-panel{margin:0 14px 20px auto}.sound-panel>summary{font-size:15px}.settings{padding:20px}.network{flex-wrap:wrap}.cinema{scroll-margin-top:104px}}

.cinema-screen{overflow:hidden}.archive-list .message-item strong{font-size:17px}.archive-list .message-meta,.archive-list .message-meta small{font-size:14px}.settings .fine{font-size:15px}
.mobile-page-controls,.mobile-only{display:none}
@media(max-width:760px){
html:has(.workspace),body:has(.workspace){height:100%;overflow:hidden;overscroll-behavior:none}
body:has(.workspace) #app{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden}
.sidebar{position:relative;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:40px;min-height:40px;padding:0 14px;z-index:20}
.sidebar .brand{font-size:21px;letter-spacing:4px}.sidebar .brand span{font-size:12px}.sidebar .sidebar-label{font-size:11px;margin:0;padding-right:64px;letter-spacing:1px}.sidebar .agent,.sidebar .side-bottom{display:none}
.sidebar nav{position:fixed;inset:auto 0 0;bottom:env(safe-area-inset-bottom);height:54px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#23251f;padding:0;z-index:30;border-top:1px solid #636853}
.sidebar nav button,.sidebar nav button.active{min-width:0;min-height:54px;padding:4px 0;border:0;border-top:3px solid transparent;display:flex;flex-direction:column;justify-content:center;gap:1px;font-size:12px;line-height:1.25;white-space:nowrap;color:#d7dac9}.sidebar nav button.active{border-top-color:#d87754;background:#373d30;color:#fff}.sidebar nav button .symbol{width:18px;height:18px}.sidebar nav b{display:none}
.workspace{margin:0;flex:1;min-height:0;padding-bottom:54px;display:flex;flex-direction:column}.workspace>header,.workspace>footer{display:none}
.main,.main:has(.conversation){width:100%;height:100%;min-height:0;padding:0;overflow-y:auto;overscroll-behavior:contain}.main:has(.conversation){overflow:hidden;display:flex;flex-direction:column}
.main:has(.conversation) .page-heading,.main:has(.conversation) .operation-banner,.main:has(.conversation) .communication-archive{display:none}
.page-heading{padding:16px}.page-heading p,.page-heading .eyebrow{display:none}.page-heading h1{font-size:24px}.page-heading .day-pill{font-size:13px}
.cinema{flex:1;min-height:0;margin:0;border:0;display:flex;flex-direction:column;scroll-margin:0;overflow:hidden}
.cinema .conversation-top{height:28px;min-height:28px;padding:4px 12px;font-size:10px!important;line-height:20px}.cinema .conversation-top span:first-child{font-size:10px}.cinema .conversation-top span:last-child{font-size:10px}
.cinema-screen{padding-top:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.cinema .character-panel{top:0;bottom:auto;left:62%;width:min(62vw,260px);height:calc(min(62vw,260px)*1.25);max-height:none;z-index:1}.cinema .character-art{mask-image:linear-gradient(#000 60%,transparent 100%)}
.scene-word,.scene-grid,.your-echo,.signal-meter,.scene-intro{display:none}.scene-name{top:25px;left:16px}.scene-name strong{font-size:30px;letter-spacing:2px;line-height:1.4}.scene-name>span{font-size:11px}.scene-name small{display:none}.scene-corner{top:10px;right:12px;font-size:11px}.scene-corner small{display:block;font-size:10px;margin-top:3px}
.live-dialogue{margin-top:auto;flex-shrink:0;padding:10px 16px 12px;min-height:0;background:#101711f5;border-bottom:0;z-index:5}.live-speaker{padding-top:8px;margin-bottom:6px;align-items:center}.live-speaker>span:first-child{font-size:18px;letter-spacing:1px}.live-speaker small{display:none}.scene-counter{font-size:11px}.live-dialogue p{height:clamp(108px,24dvh,162px);font-size:18px;line-height:1.7;letter-spacing:0;overflow:hidden;min-height:0;max-height:none;white-space:pre-wrap}
.cinema .dialogue-panel{flex-shrink:0;min-height:0;padding:10px 12px 8px;background:#eeeade}.cinema .reply-button{margin:0;min-height:48px;font-size:17px;line-height:1.4;padding:11px 30px 11px 14px;box-shadow:none}.cinema .reply-button small{font-size:11px;line-height:1.2;margin:0 0 3px}.action-hint,.dialogue-complete,.cinema .dialogue-complete,.dialogue-panel>.attachment,.scene-history{display:none}
.performance-tools{margin:8px 0 0;padding:0;border:0}.performance-tools>div{display:flex;justify-content:space-between;width:100%;gap:6px}.performance-tools button{padding:4px 8px;font-size:12px;min-height:32px;border:0;background:transparent}.performance-tools #motion-toggle{display:none}.performance-tools .mobile-only{display:block}
.mobile-page-controls{display:flex;align-items:center;gap:10px}.mobile-page-controls>span:empty{display:none}.mobile-page-controls>span{font-size:12px;white-space:nowrap}.mobile-page-controls button[hidden]{display:none}.mobile-page-controls:has(span:empty):has(button[hidden]){display:none}.has-pages .dialogue-panel>.dialogue-controls,.has-pages .dialogue-panel>.decision,.has-pages .dialogue-panel>#next{display:none}
.conversation .decision{margin:0;padding:0;border:0;background:none}.decision>.eyebrow,.decision>p,.decision>small,.decision>.dialogue-turn{display:none}.conversation .decision h3{font-size:16px;line-height:1.35;margin:0 0 7px}.decision button,.dialogue-panel .decision button{font-size:15px;line-height:1.4;min-height:46px;margin:6px 0 0;padding:10px 12px;border:1px solid #a8957c;background:#fffdf6}.decision button span{margin-right:6px}.dialogue-panel>.decision:has(.dialogue-turn){display:none}
.cinema:has(#final):not(.has-pages) .cinema-screen{display:none}.cinema:has(#final):not(.has-pages) .dialogue-panel{flex:1;display:flex;flex-direction:column;justify-content:center}.cinema:has(#final) .decision label{font-size:15px;line-height:1.4;margin:12px 0}.cinema:has(#final) select{font-size:16px;padding:10px;margin-top:4px}.cinema:has(#final) .decision button.primary{background:#ad3027;color:white;font-size:17px}
/* Completed report: keep the outcome and score, details remain available on desktop. */
.cinema:has(.decision h2):not(.has-pages) .cinema-screen{display:none}.cinema:has(.decision h2) .dialogue-panel{flex:1;display:flex;flex-direction:column;justify-content:center}.cinema:has(.decision h2) .decision h2{font-size:26px}.cinema:has(.decision h2) .decision p:nth-of-type(-n+2){display:block;font-size:17px}.cinema:has(.decision h2) .decision>small{display:block;font-size:14px}
.sound-panel{position:fixed;top:env(safe-area-inset-top);right:8px;bottom:auto;margin:0;z-index:40;width:auto}.sound-panel>summary{min-height:36px;height:36px;padding:7px 10px;box-shadow:none;border:0;font-size:13px;background:#23251f}.sound-panel>summary span{font-size:12px}.sound-settings{top:42px;bottom:auto;max-height:calc(100dvh - 110px);overflow:auto;width:280px}.sound-settings button,.sound-settings label,.sound-note{font-size:13px}.sound-panel>summary{max-width:72px;white-space:nowrap}
.mobile-log-dialog{max-height:85dvh;overflow:auto;padding:18px;width:calc(100% - 24px)}.mobile-log-dialog .close-log{position:sticky;top:0;background:#eeeade;float:right}.mobile-log-dialog .archive-list{display:grid;max-height:none}.mobile-log-dialog>summary{display:none}.mobile-log-dialog .dialogue-log{clear:both}
.settings,.note-panel,.evidence-grid,.timeline,.world-panel,.stats{margin:12px}.note-panel{padding:16px}textarea{min-height:180px}.section-bar{padding:12px 16px}.recruit{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 18px}.recruit-header{height:46px;min-height:46px}.recruit-header>span,.decree-margin,.recruit-side,.decree-number,.recruit-foot,.decree-meta,.decree-bottom,.enlist>div{display:none}.decree{display:block;flex:1;min-height:0;border:0;display:flex;align-items:center}.decree-copy{width:100%;padding:0}.decree h1{margin:0}.order-top{font-size:clamp(25px,7vw,36px)}.order-unit{font-size:clamp(100px,40vw,200px)}.order-bottom{font-size:clamp(22px,6.5vw,34px)}.enlist{padding:16px 0 64px;margin:0}.accept-order{min-height:56px;font-size:22px}
}
@media(max-width:760px) and (max-height:620px){.live-dialogue p{height:92px;font-size:17px;line-height:1.7}.cinema .character-panel{width:160px;height:200px}.scene-name{top:8px}.scene-name strong{font-size:24px}.scene-corner small{display:none}.cinema .dialogue-panel{padding:8px 10px}.performance-tools{margin-top:3px}.conversation .decision h3{font-size:14px}.decision button,.dialogue-panel .decision button{min-height:40px;padding:8px 10px;font-size:14px}.cinema:has(#final) .decision label{margin:7px 0}}
@media(max-width:760px){.cinema .character-panel{width:auto;height:max(70px,calc(100% - clamp(108px,24dvh,162px) - 62px));aspect-ratio:4/5;max-width:65%;left:60%;top:0}.cinema .character-art{mask-image:radial-gradient(ellipse at 50% 35%,#000 38%,#000b 50%,transparent 76%)}.scene-corner small{display:none}.scene-corner{font-size:10px}.sidebar .sidebar-label{display:none}}
@media(max-width:760px) and (max-height:620px){.cinema .character-panel{height:max(60px,calc(100% - 154px));width:auto}}
