@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--ink:#243b37;--cream:#f5eedf;--gold:#e2c38d;--font:'Noto Sans KR','Noto Sans JP',sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:#263831;color:var(--cream)}button,select,a{font:inherit}button,select{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e9ba70;outline-offset:5px}button{border:0}button:hover,a:hover{filter:brightness(1.12)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.stage{position:relative;isolation:isolate;min-height:720px;height:100svh;height:100dvh;overflow:hidden}.scenery{position:absolute;inset:0;background:#89938b url('assets/office-v2.png') center 47%/cover no-repeat;z-index:-4}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#101d2040 0%,transparent 35%,#18232020 63%,#13201b75 100%);z-index:-2;pointer-events:none}.portrait{position:absolute;left:13%;bottom:110px;width:auto;height:calc(100% - 130px);max-width:62%;object-fit:contain;object-position:bottom;z-index:-1;filter:drop-shadow(10px 14px 18px #0c1a1a38);transition:opacity .65s,transform .8s;transform-origin:bottom}.portrait.gone{opacity:0;transform:translateX(-130px)}
.topbar{position:absolute;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;z-index:3}.location{padding:13px 28px 15px 22px;background:#243b37eb;border-left:3px solid var(--gold);box-shadow:0 6px 24px #14232030;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);min-width:248px}.location-kicker{display:block;letter-spacing:2px;font-size:10px;color:var(--gold);margin-bottom:5px}#location-name{font-size:23px;font-weight:600}.utilities{display:flex;align-items:center;background:#1d302de8;border:1px solid #e2c38d5c;box-shadow:0 5px 20px #14232028}.utilities button,.utilities a,.utilities select{display:block;min-height:48px;padding:12px 18px;background:transparent;border:0;color:#f9f3e7;text-decoration:none;font-size:14px}.utilities>*+*{border-left:1px solid #e2c38d38}.utilities select{max-width:120px}.utilities option,.file-tools option{color:var(--ink);background:var(--cream)}
.choice-panel{position:absolute;right:6%;top:22%;width:min(370px,36%);padding:24px 26px 28px;background:linear-gradient(130deg,#1e3431ee,#1e3431d9);border:1px solid #e3cfa278;box-shadow:0 16px 60px #12231d50;backdrop-filter:blur(8px);animation:reveal .25s ease}.choice-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--gold)}.choice-panel h1{font-size:24px;margin:16px 0 22px;line-height:1.6;font-weight:500;white-space:pre-line}#menu-actions{display:grid;gap:9px}#menu-actions button{background:#f1e7d80a;border:1px solid #e3cfa25c;min-height:50px;display:flex;gap:16px;align-items:center;padding:12px 16px;text-align:left;font-size:18px}#menu-actions button small{font:12px Georgia,serif;color:var(--gold)}#menu-actions button:after{content:'›';margin-left:auto;color:var(--gold)}#menu-actions button:hover{background:#e2c38d22;transform:translateX(-4px)}
.dialogue{position:absolute;bottom:54px;left:3.5%;right:3.5%;min-height:215px;border:1px solid #e5d4aaad;background:linear-gradient(110deg,rgba(23,41,37,.9),rgba(27,43,39,.83));box-shadow:0 14px 60px #0e19174f,inset 0 0 0 5px #e5d4aa09;backdrop-filter:blur(6px);padding:37px 40px 28px;z-index:2}.dialogue:before{content:'';position:absolute;inset:9px;border:1px solid #e5d4aa24;pointer-events:none}.speaker-tab{position:absolute;left:25px;top:-24px;min-width:210px;display:flex;gap:14px;align-items:center;background:#213b34;border:1px solid #d9bc83;padding:12px 22px;color:#f5e8cc;box-shadow:0 5px 16px #15241d20}.speaker-tab h2{font-size:21px;line-height:1;margin:0;font-weight:600}.speaker-mark{font-size:9px;color:var(--gold)}.speaker-role{font-size:10px;letter-spacing:2px;color:#ceb992}.dialogue-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;min-height:135px}#dialogue-text{font-size:clamp(21px,1.7vw,27px);line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line;font-weight:400;outline:0}#actions{display:flex;flex-direction:column;gap:10px;max-width:320px}#actions button,#actions a{padding:13px 21px;font-size:16px;min-height:50px;background:#edf0dd10;border:1px solid #d5bd8c9c;color:var(--cream);text-decoration:none;text-align:center;line-height:1.5}#actions .primary{background:#d9c195;color:#1b332c;font-weight:600;border-color:#ebd5ac}#actions:empty{display:none}.dialogue-rule{position:absolute;bottom:18px;left:40px;width:52px;height:2px;background:var(--gold);opacity:.65}.system-bar{position:absolute;bottom:0;left:0;right:0;min-height:42px;display:flex;justify-content:space-between;align-items:center;padding:7px 3.7%;background:#14221cbb;color:#eee5d5;font-size:11px}.system-bar button{background:transparent;text-decoration:none;font-size:14px;color:#e7d1a6;padding:5px 10px;border-left:1px solid #d9bc8350}
/* A large, focused document overlay; all details remain live selectable text. */
dialog{padding:0;width:min(960px,calc(100vw - 64px));max-height:calc(100dvh - 80px);border:1px solid #a68b5c;background:#f4efe3;color:var(--ink);box-shadow:0 25px 100px #04100ed0;overflow:hidden}dialog[open]{display:flex;flex-direction:column;animation:file-in .23s ease-out}dialog::backdrop{background:#091c1bb3;backdrop-filter:blur(5px)}.file-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 28px;background:#263e37;color:#ead7af;flex:none;font:12px var(--font);letter-spacing:2px}.file-tools{display:flex;gap:16px;align-items:center}.file-tools select,.file-tools button{font-size:14px;background:transparent;color:#f4ead8;border:0;padding:6px;letter-spacing:0}.file-tools button{min-width:50px}.file-scroll{padding:32px 44px 38px;overflow:auto;overscroll-behavior:contain}.file-scroll h2{font-size:clamp(26px,3vw,38px);line-height:1.45;letter-spacing:-1px;font-weight:700;margin:0 0 24px;outline:0;white-space:pre-line}.info-question{font-size:17px;line-height:1.8;padding:16px 20px;border-left:3px solid #ae8451;background:#e9e2d1;margin:0 0 25px}.info-question strong{font-size:12px;letter-spacing:1px;display:block;margin-bottom:5px;color:#73623e}.fact{margin:0 0 24px}.fact-label{display:block;margin-bottom:9px;font-size:13px;letter-spacing:1px;color:#705b33;font-weight:700}.fact p{font-size:19px;line-height:1.85;margin:0;word-break:keep-all;overflow-wrap:anywhere}.fact.result{padding:0 0 24px;border-bottom:1px solid #263e3733}.fact.result p{font-size:clamp(23px,2.4vw,30px);line-height:1.65;font-weight:600;color:#274b3e}.file-note{font-size:13px;line-height:1.8;color:#6c6559;margin:20px 0 0}.section-copy{font-size:23px;line-height:1.9;white-space:pre-line;margin:0 0 20px}.section-credit{font-size:15px;color:#706957}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-card{display:grid;grid-template-columns:36px 1fr 16px;gap:12px;align-items:center;text-align:left;background:#ebe5d6;padding:22px 18px;border:1px solid #c6bba4;color:var(--ink);min-height:106px}.project-card:hover{background:#dfdbc9;border-color:#657d67}.project-number{font:24px Georgia,serif;color:#8b754e}.project-category{display:block;color:#6c6659;font-size:12px;margin-bottom:6px}.project-title{font-size:19px;font-weight:600;line-height:1.5}.project-seen{font-size:14px;color:#4b715b}#info-actions{display:flex;justify-content:flex-end;margin-top:26px;gap:10px}#info-actions button{font-size:16px;padding:13px 22px;min-height:50px;background:#28463b;color:#fff8e9;border:1px solid #28463b}.copy-status{font-size:15px;color:#f0d5a5;margin-top:12px}.contact-address{font-size:clamp(21px,2.4vw,32px);letter-spacing:1px}.epilogue-mode .dialogue{background:rgba(21,35,32,.91)}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes file-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(min-width:1700px){.dialogue{min-height:250px;padding:48px 54px}.portrait{left:18%;height:calc(100% - 100px)}.choice-panel{right:12%;top:25%}}
@media(max-width:1000px){.topbar{left:20px;right:20px;top:18px}.location{min-width:200px;padding:12px 22px 12px 16px}#location-name{font-size:20px}.utilities button,.utilities a,.utilities select{font-size:12px;padding:12px}.portrait{left:3%;max-width:68%;height:calc(100% - 150px)}.choice-panel{right:4%;width:330px;top:20%;padding:20px}.dialogue{padding:32px 26px 26px;min-height:225px}.dialogue-inner{gap:20px}#dialogue-text{font-size:21px}#actions{max-width:260px}#actions button,#actions a{font-size:15px}.file-scroll{padding:28px 32px}}
@media(max-width:640px){.stage{min-height:750px;height:100svh;height:100dvh}.scenery{background-position:45% 50%}.topbar{top:12px;left:12px;right:12px;display:block}.location{display:inline-block;min-width:180px;padding:10px 25px 10px 14px}.location-kicker{font-size:8px}#location-name{font-size:17px}.utilities{position:absolute;top:74px;right:0;left:0;justify-content:space-between}.utilities button,.utilities a,.utilities select{font-size:11px;padding:10px 11px;min-height:43px}.utilities a{flex:1;text-align:right}.portrait{height:65%;max-width:none;width:100%;object-fit:contain;left:-19%;bottom:190px;object-position:bottom}.choice-panel{right:14px;top:160px;width:49%;padding:14px 12px}.choice-caption{font-size:8px;letter-spacing:1px}.choice-caption span:last-child{display:none}.choice-panel h1{font-size:17px;margin:12px 0 14px;line-height:1.6}#menu-actions{gap:7px}#menu-actions button{font-size:15px;padding:10px 9px;gap:9px;min-height:45px}#menu-actions button small{font-size:10px}.dialogue{bottom:43px;left:12px;right:12px;padding:34px 22px 25px;min-height:245px}.speaker-tab{left:14px;min-width:160px;padding:11px 16px;top:-20px;gap:10px}.speaker-tab h2{font-size:18px}.speaker-role{font-size:8px}.dialogue-inner{display:block;min-height:0}#dialogue-text{font-size:18px;line-height:1.85}#actions{max-width:none;margin-top:19px;flex-direction:row;flex-wrap:wrap;gap:8px}#actions button,#actions a{font-size:14px;min-height:44px;padding:10px 14px;flex:1}#actions:empty{margin:0}.dialogue-rule{left:22px;bottom:13px;width:32px}.system-bar{font-size:9px;padding:6px 16px;min-height:35px}.system-bar button{font-size:12px;flex-shrink:0}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}.file-toolbar{padding:12px 16px;font-size:10px;gap:8px;letter-spacing:1px}.file-tools{gap:8px}.file-tools select,.file-tools button{font-size:12px}.file-scroll{padding:23px 21px}.file-scroll h2{font-size:27px;margin-bottom:19px}.project-grid{grid-template-columns:1fr;gap:9px}.project-card{min-height:86px;padding:15px 13px;grid-template-columns:27px 1fr 14px;gap:8px}.project-title{font-size:17px}.project-category{font-size:11px}.project-number{font-size:20px}.info-question{font-size:15px;padding:13px 14px}.fact p{font-size:17px;line-height:1.85}.fact.result p{font-size:22px}.fact-label{font-size:12px}.file-note{font-size:12px}.section-copy{font-size:20px}#info-actions button{font-size:14px}#info-actions{margin-top:22px}}
@media(max-height:700px) and (min-width:641px){.stage{min-height:600px}.portrait{bottom:90px;height:calc(100% - 75px)}.choice-panel{top:110px;padding:16px 22px;width:340px}.choice-panel h1{font-size:21px;margin:10px 0 14px}#menu-actions button{min-height:40px;padding:8px 14px;font-size:16px}.dialogue{min-height:175px;bottom:42px;padding:25px 30px 20px}.dialogue-inner{min-height:110px}#dialogue-text{font-size:20px}dialog{max-height:calc(100dvh - 30px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1700px){.portrait{height:calc(100% - 190px)}}
@media(min-width:641px) and (max-height:850px){.choice-panel{top:112px;padding:18px 22px}.choice-panel h1{font-size:21px;margin:12px 0 14px}#menu-actions button{font-size:17px;min-height:44px;padding:9px 14px}}
@media(max-width:640px){.choice-panel{top:148px}}
#actions button,#actions a{word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:640px){#actions button,#actions a{flex:1 1 140px}}
/* Visual-novel flow: title → office → meeting → office. */
.scenery{transition:opacity .6s ease,transform 1.2s ease;background-position:center center}.room-work{background-image:url('assets/work-office-v3.png');opacity:0}.room-meeting{background-image:url('assets/office-v2.png');opacity:0}[data-room="work"] .room-work,[data-room="meeting"] .room-meeting{opacity:1}#scene-fade{position:absolute;inset:0;opacity:0;background:#1b241e;pointer-events:none;z-index:7}.vignette{background:linear-gradient(180deg,#101d2030,transparent 30%,#18232010 62%,#13201b70)}
.actor{position:absolute;left:16%;bottom:100px;width:42%;height:calc(100% - 160px);z-index:-1;opacity:1;transition:left .6s ease,transform .6s ease,opacity .5s ease;transform-origin:bottom center;pointer-events:none}.actor img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(8px 10px 18px #0c1a1a28);transform-origin:50% 80%}.actor.absent{opacity:0;transform:translateX(-70px)}.actor.aside{left:-2%;transform:scale(.88)}.actor.title-actor{left:52%;width:42%;bottom:0;height:calc(100% - 60px);transform:none}.actor[data-pose="nervous"] img{filter:drop-shadow(8px 10px 18px #0c1a1a28) saturate(.9)}
[data-screen="title"] .room-work{filter:brightness(.67) blur(2px);transform:scale(1.025)}.title-screen{position:absolute;left:12%;top:13%;width:43%;z-index:2;text-shadow:0 4px 22px #14241d50}.title-rule{width:70px;height:3px;background:#e2c38d;margin-bottom:26px}.title-kicker{font-size:11px;letter-spacing:3px;color:#e6d0a8;margin:0 0 23px}.title-screen h1{font-size:clamp(50px,5.7vw,100px);line-height:1.23;letter-spacing:-4px;font-weight:600;margin:0;color:#fff5de}.title-screen h1 em{font-style:normal;color:#e4c798;font-weight:400}.title-screen #title-subtitle{font-size:clamp(15px,1.4vw,22px);color:#e6dccb;margin:25px 0 35px}.title-buttons{display:grid;gap:10px;width:285px}.title-buttons button{min-height:56px;padding:13px 22px;text-align:left;background:#203730df;color:#f5e8cf;border:1px solid #dac18a91;font-size:15px;letter-spacing:3px;transition:transform .2s,background .2s}.title-buttons button:first-child{background:#ddc49a;color:#22382e;font-weight:700}.title-buttons button span{float:right}.title-buttons button:hover{transform:translateX(8px);background:#d5bd8b;color:#21372f}.title-credit{font-size:10px;letter-spacing:3px;color:#d9ceba;margin-top:28px}.water-prop{position:absolute;left:54%;bottom:280px;width:28px;height:65px;border:1px solid #d4e6daaa;background:linear-gradient(90deg,#d4e6da60,#f8fff520,#e0eee25c);border-radius:9px 9px 7px 7px;box-shadow:3px 7px 10px #1a2e2240;z-index:0}.water-prop:before{content:'';position:absolute;top:-6px;left:6px;right:6px;height:8px;background:#d4ddd3;border-radius:3px}.water-prop span{position:absolute;top:26px;left:0;right:0;background:#faf8e7bd;height:18px;border-top:1px solid #c2d3c4;border-bottom:1px solid #c2d3c4}
.dialogue[data-speaker="me"]{background:linear-gradient(110deg,#1c2d3be8,#263941dc);border-color:#c9dce0ad}.dialogue[data-speaker="me"] .speaker-tab{background:#253e4b;border-color:#b9ccd2}.dialogue[data-speaker="hr"] .speaker-tab{background:#61533d}.dialogue.narration .speaker-tab{display:none}.dialogue.narration #dialogue-text{font-style:italic;color:#e5dcc7}.dialogue.thought #dialogue-text:before{content:'('}.dialogue.thought #dialogue-text:after{content:')'}#dialogue-text{cursor:pointer}.system-bar>div{display:flex;gap:12px;align-items:center}.system-bar button{font-size:12px}.utilities a{white-space:nowrap}.utilities button{white-space:nowrap}
[data-screen="projects"] .choice-panel{width:min(450px,40%);top:15%}[data-screen="projects"] #menu-actions button{min-height:44px;font-size:16px;padding:9px 14px}[data-screen="projects"] .choice-panel h2{font-size:22px;margin:15px 0 19px}.choice-panel h2{font-size:24px;margin:16px 0 22px;line-height:1.6;font-weight:500}#menu-actions button i{font-style:normal;font-size:12px;color:#d1c69c}.material{position:absolute;top:17%;right:5%;width:52%;padding:21px 24px 18px;background:#f2eddf;border:1px solid #ab9369;box-shadow:0 15px 50px #14241d55;color:#253d34;transform:rotate(-1deg);z-index:1;max-height:calc(100% - 400px);overflow:auto;overscroll-behavior:contain}.material-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#806b44;margin-bottom:10px}.material h2{font-size:23px;line-height:1.4;margin:0 0 15px}.material button{padding:0;width:100%;display:block;background:transparent;text-align:left;color:inherit}.material button:disabled{cursor:default}.material button img{display:block;width:100%;max-height:36vh;object-fit:contain;background:white}#material-zoom{display:block;text-align:right;margin-top:10px;font-size:12px;color:#61563e}#material-note{font-size:11px;line-height:1.6;color:#756b5a;margin:9px 0 0}.metric-board{background:#e7e6d8;padding:25px 28px;text-align:left}.metric-number{font:600 clamp(38px,5vw,80px)/1.2 Georgia,serif;letter-spacing:-2px;color:#305345;display:block}.metric-description{font-size:clamp(17px,1.5vw,24px);line-height:1.7;margin:14px 0;color:#3e5143}.metric-line{width:100%;height:4px;background:linear-gradient(90deg,#b0a27a 0 70%,#ceceba 70%);margin:24px 0 14px}.metric-kind{font-size:12px;letter-spacing:1px;color:#6e725e}.strategy-strip{font-size:14px;line-height:1.7;padding:18px 0 0;color:#48644e}.material blockquote{font-size:24px;line-height:1.9;margin:16px 0 23px}.quote-credit{font-size:14px;color:#716751}.image-viewer{width:min(1480px,calc(100vw - 40px))}.zoom-image{width:100%;display:block;background:white}.file-toolbar button{background:transparent;color:#e6d4af;font-size:14px;padding:8px}.file-toolbar{flex-shrink:0}#info-actions{flex-wrap:wrap}.image-viewer .file-scroll{padding:20px}.image-viewer .file-scroll h2{font-size:25px}.file-scroll .metric-board p{font-size:22px}.file-scroll .metric-board{margin-bottom:20px}.file-scroll .metric-number{font-size:70px}#info-actions .primary{background:#d9c195;color:#20372d}
@media(min-width:1700px){.title-screen{top:18%}.actor{height:calc(100% - 180px)}.material{top:20%;right:7%;width:50%;padding:26px 30px}.material h2{font-size:28px}.material-caption{font-size:13px}.material button img{max-height:39vh}[data-screen="projects"] .choice-panel{top:22%;right:9%;width:420px}}
@media(min-width:641px) and (max-height:850px){.actor{height:calc(100% - 130px);bottom:85px}.title-screen{top:11%;left:12%}.title-screen h1{font-size:63px}.title-screen #title-subtitle{margin:20px 0 24px;font-size:18px}.title-rule{margin-bottom:19px}.title-kicker{margin-bottom:17px}.title-buttons button{min-height:48px;font-size:13px}.title-credit{margin-top:20px}.material{top:110px;padding:16px 20px;max-height:calc(100% - 370px)}.material h2{font-size:21px;margin-bottom:10px}.material button img{max-height:25vh}.metric-board{padding:18px 23px}.metric-number{font-size:49px}.metric-description{font-size:18px;margin:10px 0}.metric-line{margin:16px 0 10px}.choice-panel h2{font-size:21px;margin:12px 0 14px}[data-screen="projects"] .choice-panel{top:110px;padding:15px 20px;width:400px}[data-screen="projects"] .choice-panel h2{font-size:20px;margin:10px 0 12px}[data-screen="projects"] #menu-actions{gap:6px}[data-screen="projects"] #menu-actions button{min-height:37px;padding:7px 12px;font-size:15px}}
@media(max-width:1000px){.topbar{gap:12px}.utilities button,.utilities select,.utilities a{padding:11px;font-size:12px}.material{right:4%;width:55%}.material h2{font-size:20px}.material blockquote{font-size:19px}.actor{left:3%;width:53%}.actor.aside{left:-10%;transform:scale(.83)}.title-screen{left:8%;width:65%}.actor.title-actor{left:49%;width:55%;height:85%}.title-screen h1{font-size:64px}.title-kicker{font-size:9px;letter-spacing:2px}}
@media(max-width:640px){.stage{min-height:780px}.title-screen{left:8%;top:12%;width:84%}.title-kicker{font-size:8px;letter-spacing:1.5px;max-width:250px;line-height:1.9}.title-screen h1{font-size:55px;line-height:1.28;letter-spacing:-2px}.title-screen #title-subtitle{font-size:16px;max-width:240px;margin:19px 0 27px}.title-rule{margin-bottom:20px}.title-buttons{width:210px;gap:10px}.title-buttons button{min-height:50px;font-size:13px;padding:12px 18px}.title-credit{font-size:9px;letter-spacing:2px}.actor.title-actor{left:40%;width:90%;height:69%;bottom:0;opacity:.94}.title-screen:before{content:'';position:absolute;inset:-70px -20px -80px -40px;background:linear-gradient(90deg,#14271a99,#14271a15 85%);z-index:-1;pointer-events:none}.actor{height:65%;width:100%;left:-19%;bottom:190px}.actor.aside{left:-43%;transform:scale(.76);opacity:.8}.water-prop{left:65%;bottom:300px;transform:scale(.8)}.utilities{top:73px}.utilities button,.utilities a,.utilities select{padding:10px 8px;font-size:10px}.utilities a{font-size:10px;flex:1}.choice-panel h2{font-size:17px;line-height:1.6;margin:12px 0 14px}[data-screen="projects"] .choice-panel{width:calc(100% - 28px);right:14px;top:148px;padding:15px 17px;background:#213a31ed}[data-screen="projects"] .choice-panel h2{font-size:18px;margin:8px 0 13px}[data-screen="projects"] #menu-actions{grid-template-columns:1fr 1fr;gap:8px}[data-screen="projects"] #menu-actions button{font-size:13px;min-height:51px;padding:9px 8px;gap:7px;word-break:keep-all}[data-screen="projects"] #menu-actions button small{font-size:9px}[data-screen="projects"] #menu-actions button:after{display:none}.material{top:151px;right:13px;width:calc(100% - 64px);max-height:calc(100% - 490px);padding:14px 15px;transform:rotate(-1deg)}.material-caption{font-size:9px;margin-bottom:7px}.material h2{font-size:17px;margin-bottom:9px}.material button img{max-height:21vh}.metric-board{padding:14px 18px}.metric-number{font-size:38px;letter-spacing:-1px}.metric-description{font-size:14px;line-height:1.6;margin:8px 0}.metric-line{height:3px;margin:12px 0 7px}.metric-kind{font-size:10px}#material-note{font-size:9px;line-height:1.6}#material-zoom{font-size:10px;margin-top:8px}.material blockquote{font-size:17px;line-height:1.8}.quote-credit{font-size:11px}.strategy-strip{font-size:10px;padding-top:12px}.system-bar{gap:8px;flex-wrap:wrap;padding:7px 13px;min-height:37px}.system-bar>div{gap:5px;margin-left:auto}.system-bar button{font-size:10px;padding:3px 7px}.system-bar #status{font-size:8px;max-width:100%;line-height:1.7}.dialogue{bottom:55px;min-height:220px}.dialogue-inner{min-height:0}#dialogue-text{font-size:18px;line-height:1.75}#actions{margin-top:17px}#actions button,#actions a{min-height:44px;flex:1 1 130px}.image-viewer{width:calc(100vw - 16px)}.image-viewer .file-scroll{padding:17px}.zoom-image{min-width:730px}.image-viewer .file-scroll{overflow:auto}.image-viewer .file-scroll h2{font-size:21px}.file-scroll .metric-number{font-size:48px}.file-scroll .metric-board p{font-size:18px}}

@media(max-width:640px){.actor.title-actor{left:36%;width:90%}.title-buttons{width:195px}}