.workflow-region{position:absolute;inset:24px 4% 235px;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}
.workflow-paper{position:relative;container-type:inline-size;width:min(1050px,100%,calc((100dvh - 280px)*2.1986));aspect-ratio:1860/846;margin:0;color:#182e4c;filter:drop-shadow(0 10px 24px #0007)}
.workflow-paper img{display:block;width:100%;height:100%}
.workflow-paper span,.workflow-paper strong,.workflow-paper figcaption{position:absolute;text-align:center;line-height:1.35;font-family:'Noto Sans JP',sans-serif!important;white-space:nowrap}
.workflow-paper figcaption{top:2.1%;left:15%;width:70%;font-size:3.8cqw;font-weight:700}
.wf-customer{left:1.2%;width:16.3%}.wf-you{left:21%;width:19%}.wf-factory{left:43.3%;width:16%}.wf-warehouse{left:63%;width:17%}.wf-carrier{left:82.5%;width:16%}
.workflow-paper .wf-heading{top:22%;font-size:2.6cqw;font-weight:700}.workflow-paper .wf-heading.wf-you{top:21%;font-size:2.3cqw}
.workflow-paper .wf-detail{top:60%;font-size:2.1cqw;font-weight:600}.workflow-paper .wf-detail.wf-warehouse{font-size:1.7cqw;top:61%}
.workflow-paper .wf-role{top:53%;font-size:2.3cqw;font-weight:700}.workflow-paper .wf-tasks{top:61.5%;font-size:1.95cqw;font-weight:500;line-height:1.5}
.workflow-paper .wf-summary{top:82%;left:7%;width:86%;font-size:2.45cqw;color:#17527d}.workflow-paper .wf-note{top:91%;left:41.5%;width:33%;font-size:1.65cqw;font-weight:500}
.office-mode:has(.workflow-region) .location-caption{visibility:hidden}
#game-updates{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:950;display:grid;gap:8px;max-width:min(310px,80vw);pointer-events:none}
.game-update{padding:12px 18px;background:#10151eed;color:#fff;border:1px solid #ffffff35;border-radius:8px;box-shadow:0 6px 18px #0004;animation:update-in .18s ease-out}
.game-update strong{display:block;font-size:14px;font-weight:500}.game-update span{display:block;margin-top:4px;font-size:12px;color:#c4d0dc}
@keyframes update-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.game-update{animation:none}}
@media(max-width:800px),(max-height:500px){.workflow-region{inset:12px 3% calc(var(--mobile-dialogue) + var(--mobile-bottom) + 24px)}.workflow-paper{width:min(100%,calc((100dvh - var(--mobile-dialogue) - var(--mobile-bottom) - 48px)*2.1986))}#game-updates{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));max-width:240px}.game-update{padding:8px 12px}.game-update strong{font-size:12px}.game-update span{font-size:10px}}

/* Larger decision surfaces and one blue action palette. */
:root{--action-blue:#2363b4;--action-blue-hover:#174e95}
button:focus-visible,input:focus-visible{outline-color:#79b6ff}
.modal[aria-label="課長に報告"],.modal[aria-label="返信を書く"],.modal[aria-label="社内AI"]{width:min(1120px,94vw);max-width:1120px;max-height:calc(100dvh - 32px);padding:38px 48px;overflow-y:auto}
.modal[aria-label="課長に報告"] h2,.modal[aria-label="返信を書く"] h2{font-size:clamp(22px,2.3vw,30px);line-height:1.5}
.modal[aria-label="証拠提出"] .panel-content{width:min(1120px,100%);margin:auto}
#deduction .choice,#case-report .choice,#final-report .choice{padding:17px 20px;font-size:17px;line-height:1.6}
#deduction .check,#case-report .check,#final-report .check{padding:12px 16px;font-size:16px}
input[type=radio],input[type=checkbox]{accent-color:var(--action-blue)}
button.primary,.primary.full,button[type=submit],button.save-evidence,.mail-reply,.mailtoolbar button[data-action="reply"],button.chat-response,.chat-compose button{background:var(--action-blue);border:1px solid #6ca6ed;color:#fff;box-shadow:0 3px 8px #153b6b24}
button.primary:hover,.primary.full:hover,button[type=submit]:hover,button.save-evidence:hover,.mail-reply:hover,.mailtoolbar button[data-action="reply"]:hover,button.chat-response:hover,.chat-compose button:hover{background:var(--action-blue-hover);color:#fff}
.modal button.choice,.danger-actions button,.bad-end-card button,.campaign-ending button{background:#173b65;border:1px solid #5288bf;color:#e8f3ff}
.modal button.choice:hover,.danger-actions button:hover,.bad-end-card button:hover,.campaign-ending button:hover{background:#24558b}
.novel-controls button{color:#c4e0ff!important}.novel-controls button:hover,.novel-controls button[aria-pressed=true]{background:#2461a64d!important;color:#fff!important}
.mailtoolbar button[data-action="reply"]{min-width:170px;min-height:42px;font-size:14px;font-weight:700;padding:10px 18px}.mail-reply{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 24px;font-size:15px;font-weight:700}
.mailtoolbar button:disabled{background:#d7e2ee;color:#506376;border-color:#b8cadc;opacity:1;box-shadow:none}
@media(max-height:500px),(max-width:760px){.modal[aria-label="課長に報告"],.modal[aria-label="返信を書く"],.modal[aria-label="社内AI"]{padding:22px 26px;max-height:calc(100dvh - 16px)}#deduction .choice,#case-report .choice,#final-report .choice{padding:12px 14px;font-size:14px}.mailtoolbar button[data-action="reply"]{min-width:145px;min-height:36px;font-size:12px}}

/* Both renderers use the same portrait canvas, including ending scenes. */
.thread-tabs{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:10px 14px;background:#d9e5f0}
.thread-tabs button{white-space:nowrap;background:#edf4fb;color:#193f67;border:1px solid #9db9d6;padding:9px 13px}.thread-tabs button.selected{background:#2363b4;color:white}
.archived-chat{flex:1;min-height:0;overflow-y:auto;padding:20px;background:#e4edf3}.archived-chat .bubble{background:white;color:#24333a;padding:14px 20px;border-radius:14px;margin:12px 0;max-width:85%;line-height:1.8}.archived-chat .bubble.mine{margin-left:auto;background:#cee2f6}.archived-chat p{white-space:pre-wrap}.archive-note{font-size:12px;color:#506376}
.novel-game{--portrait-space:calc(100dvh - 235px);--portrait-scale:1.15}
.office-scene .character-frame,.campaign-cast{top:calc(var(--portrait-space)*.07);bottom:auto;left:5%;right:5%;height:calc(var(--portrait-space)*.93);align-items:flex-start;justify-content:center;overflow:visible}
.office-scene .character-frame .portrait-art,.campaign-cast .portrait-art{height:calc(100% * var(--portrait-scale));width:auto;max-width:none;flex:0 0 auto}
.campaign-cast:has(>.portrait-art:nth-child(4)) .portrait-art{margin-inline:calc(var(--portrait-space)*-.11)}
@media(max-width:800px),(max-height:500px){.novel-game{--portrait-space:calc(100dvh - var(--mobile-dialogue) - var(--mobile-bottom) - 20px)}}
@media(orientation:landscape) and (max-height:500px){.novel-game{--portrait-space:calc(100dvh - clamp(126px,34dvh,152px) - max(8px,env(safe-area-inset-bottom)) - 8px);--portrait-scale:1.25}.office-scene .character-frame,.campaign-cast{top:0;height:var(--portrait-space);left:2%;right:2%}}
.ending-review{max-width:620px;margin:22px auto;color:#e2e8f0;font-size:14px;line-height:1.8;text-align:left}.ending-review summary{cursor:pointer;text-align:center}.ending-review p{margin:14px 0;white-space:normal}
.ending-news-scene{position:absolute;inset:0 0 220px;overflow:auto;display:flex;justify-content:center;padding:30px 5%;background:linear-gradient(#17212bcc,#17212be6),url('assets/office-pc.png') center/cover}.ending-news-paper{width:min(860px,100%);align-self:flex-start;background:#f8f6ef;color:#242c33;padding:25px clamp(22px,5vw,65px) 35px;box-shadow:0 15px 60px #0006}.ending-news-masthead{font-size:27px;font-weight:700;letter-spacing:.12em;padding-bottom:14px;border-bottom:3px double #343c43}.ending-news-masthead small{font-size:11px;font-weight:400;letter-spacing:.05em;margin-left:12px}.ending-news-section{font-size:11px;color:#69717a;margin:20px 0 12px}.ending-news-paper h2{font-size:clamp(19px,2.1vw,28px);line-height:1.65;margin:0 0 24px;color:#242c33}.ending-news-paper p{font-size:15px;line-height:2.1;margin:0}.ending-news-foot{font-size:10px;color:#858a8d;border-top:1px solid #d5d6d1;padding-top:16px;margin-top:28px}
@media(orientation:landscape) and (max-height:500px){.ending-news-scene{bottom:calc(clamp(126px,34dvh,152px) + max(8px,env(safe-area-inset-bottom)) + 12px);padding:8px 6%}.ending-news-paper{padding:14px 22px}.ending-news-masthead{font-size:18px;padding-bottom:6px}.ending-news-section{margin:8px 0;font-size:10px}.ending-news-paper h2{font-size:16px;margin-bottom:10px}.ending-news-paper p{font-size:12px;line-height:1.85}.ending-news-foot{margin-top:12px}}

#new-mail-notice{position:fixed;right:max(18px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:960;width:min(340px,80vw)}
#new-mail-notice button{display:grid;gap:7px;width:100%;text-align:left;padding:18px;background:#183653f5;color:#fff;border:1px solid #78a8d4;border-radius:12px;box-shadow:0 8px 30px #0007;cursor:pointer}#new-mail-notice span,#new-mail-notice small{font-size:12px;color:#cbdff3}#new-mail-notice b{font-size:13px;line-height:1.6}body:has(#new-mail-notice) #game-updates{top:190px}
.modal:has(.recovery-browser){width:min(960px,94vw);max-width:960px;padding:0;overflow:auto;max-height:92dvh;background:#eef2f7;border-radius:10px;color:#23354a}
.recovery-tab{padding:12px 24px;background:#d9e1ec;font-size:13px}.recovery-address{background:#fff;margin:8px 14px;padding:9px 18px;border-radius:24px;font-size:13px;overflow-wrap:anywhere}.recovery-page{background:#f4f6fa}.recovery-page header{background:white;border-bottom:1px solid #e0e5ed;padding:18px 28px;font-weight:700;letter-spacing:.08em}.recovery-page header span{font-weight:400;margin-left:18px;color:#73839a;font-size:13px}.recovery-page main{max-width:400px;margin:auto;padding:26px 24px}.recovery-mark{background:#235fb3;color:white;border-radius:10px;width:40px;line-height:40px;text-align:center;font-weight:700}.recovery-page h2{font-size:22px;margin:18px 0 10px}.recovery-page p{font-size:13px;line-height:1.8;color:#63738a}.recovery-page label{display:block;font-size:12px;margin-top:18px}.recovery-field{padding:12px;background:#fff;border:1px solid #b9c6d8;border-radius:5px;margin-top:7px;font-size:13px}.recovery-password{letter-spacing:4px}.recovery-actions{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:25px}.recovery-actions button{padding:12px 20px;border-radius:5px;border:1px solid #bccadd}.recovery-page footer{text-align:center;padding:18px;color:#8793a6;font-size:11px}
@media(max-height:500px){.recovery-page main{max-width:650px;padding:12px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.recovery-mark{display:none}.recovery-page h2,.recovery-page p{grid-column:1/-1;margin:4px 0}.recovery-page label{margin-top:8px}.recovery-actions{grid-column:1/-1;margin-top:12px}.recovery-page header,.recovery-page footer{padding:9px 22px}.recovery-tab{padding:7px 22px}.recovery-address{margin:4px 14px;padding:6px 16px}}