.event-cameo{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #4e4b29}.event-cameo img{width:88px;height:88px;object-fit:cover;object-position:center top;border:2px solid #657b6c;background:#202522}.event-cameo strong,.event-cameo span{display:block}.event-cameo span{color:var(--muted);font-size:12px;margin-top:2px}
.world-art{background:#151a17ee;border:1px solid #56635b}.world-art .portrait{overflow:hidden}.world-art .portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-green{background:#1c2821!important;border-color:#7ea990!important}
.activity-art{width:64px;height:64px;object-fit:cover;object-position:center;border:2px solid #657b6c;background:#202522;box-shadow:3px 3px 0 #071008;transform:rotate(-2deg)}
@media(max-width:650px){.event-cameo img{width:64px;height:64px}}

/* Keep the interface in the same restrained green, graphite, and paper-gray language as the illustrations. */
:root{--warn:#b7c6b9;--danger:#9eb5a5}
body[data-act="5"]{--green:#8ab89a;--line:#4e735b}
.world-panel{border-color:#56635b;background:#151a17;color:#dce7df}
.world-art h2{color:#b7ccb9}
.world-art p{color:#9eafa3}
.portrait{border-color:#819589;background:#262d29;box-shadow:5px 5px 0 #070b08}
.portrait span{color:#cbd8cf}
.portrait-yellow{background:#313a34;border-color:#9aafa0}
.portrait-green{background:#1c3024;border-color:#7ea990}
.portrait-blue{background:#27342e;border-color:#8ba99a}
.portrait-coral{background:#303934;border-color:#a2b4a8}
.crisis-card{border-color:#53665a;background:#18201b}
.crisis-card h3{color:#c5d5c9}
.crisis-card p{color:#a9b9ae}
.stage{color:#b7c6b9;border-color:#617667}
.crisis-actions button{color:#c5d5c9;border-color:#5f7868;background:#202b24}
.activity-panel{border-color:#657b6c}
.activity-art{border-color:#7ea990;background:#243d27}
.activity-art span{color:#b7cdbb}
.activity-art-support-desk{background:#29352d;border-color:#8fa99a}
.activity-art-reliability-map{background:#23332b;border-color:#7f9e8e}
.activity-art-contract-table{background:#343a32;border-color:#a4b5a8}
.activity-art-investment-desk{background:#29352d;border-color:#9db4a4}
.activity-art-dossier-wall{background:#303832;border-color:#9aae9f}
.tile.selected,.slot strong,.choice-list button.selected,.evidence-list button.selected,.link-list button.selected{border-color:#7ea990;background:#1f2c23;color:#d8e6dc}
.activity-actions button{color:#d8e6dc;border-color:#708b79;background:#223027}
.risk{background:#18231b;color:#b7c6b9}
.decision-panel,.status-panel{border-color:#718778}
.decision-choice{border-color:#4c604f}
.rival{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start}
.rival-art{width:72px;height:72px;object-fit:cover;object-position:center top;border:2px solid #657b6c;background:#202522;box-shadow:3px 3px 0 #071008}
.crisis-card{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(13,20,15,.96) 0%,rgba(18,28,21,.9) 58%,rgba(18,28,21,.52) 100%),var(--crisis-image);background-size:cover;background-position:center}
.crisis-card>*{position:relative;z-index:1}
.world-panel{background-color:#101812;background-blend-mode:screen}
.work-panel{border-color:#7ea990;background:#0c1c12}
.work-head-meta{display:flex;align-items:center;gap:8px;font-size:11px}.work-automation{color:var(--green);border:1px solid var(--line);padding:7px 9px}.work-description{color:var(--muted);margin-bottom:12px}.work-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.work-primary{font-size:16px;min-width:190px;padding:14px 18px;border-color:#8ab89a;background:#1b3926}.work-primary span{color:#d8e6dc}.work-toggle{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.work-counter{font-size:11px;color:var(--muted)}.work-focuses{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:13px}.work-focus{display:grid;gap:3px;text-align:left;padding:10px;background:#0a170e;border-color:#2d5b3c}.work-focus strong{color:var(--ink)}.work-focus span,.work-focus em{font-size:11px;color:var(--muted);font-style:normal}.work-focus em{color:var(--warn)}.work-focus.selected{border-color:var(--green);background:#173321}.news-panel{border-color:#657b6c}.news-item{border-bottom:1px solid #294c36;padding:10px 0}.news-item:last-child{border-bottom:0}.news-item h3{margin:0 0 3px;color:var(--ink)}.news-item p{margin:3px 0;color:var(--muted);font-size:12px}.news-item.opportunity{border:1px solid #8b7c41;padding:11px;background:#1d1b0d}.news-item.opportunity .eyebrow{color:var(--warn)}.news-item.opportunity button{margin-right:7px}
@media(max-width:650px){.work-primary{width:100%}.work-head-meta{margin-top:5px}}
/* Workspace shell: the first screen answers action, automation, then commitment. */
.company-header { padding: 1rem 1.2rem; align-items: center; }
.company-header h1 { font-size: clamp(1.35rem, 3vw, 2rem); margin: .1rem 0 .25rem; }
.acts-progress { margin: .7rem 0; }
.acts-progress > summary { cursor: pointer; color: var(--muted, #a8b6ad); font-size: .75rem; letter-spacing: .12em; }
.acts-progress > summary span { color: var(--ink, #eef5ed); }
.workspace { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(240px, .7fr); gap: 1rem; align-items: start; }
.main-workspace, .secondary-workspace { display: grid; gap: .8rem; min-width: 0; }
.secondary-workspace { position: sticky; top: .8rem; }
.world-panel { display: none !important; }
#crisis-panel { display: none !important; }
.next-offer-panel { border-color: #b5e44b; }
.next-offer-panel .panel-heading { margin-bottom: .3rem; }
.next-offer-panel button { min-width: 8rem; }
.disclosure > summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; cursor: pointer; list-style: none; }
.disclosure > summary::-webkit-details-marker { display: none; }
.disclosure > summary strong { display: block; margin-top: .2rem; }
.industry-panel, .activities-launcher, .market-launcher { display: grid; gap: .55rem; }
.industry-launcher, .secondary-launcher { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: .7rem; text-align: left; }
.industry-launcher span, .secondary-launcher span { display: grid; gap: .2rem; }
.unread { color: #ffd27a; white-space: nowrap; }
.industry-history { display: grid; gap: .6rem; padding: .75rem; border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.16); }
.news-item { display: grid; grid-template-columns: 4rem 1fr; gap: .7rem; padding: .65rem 0; border-top: 1px solid rgba(255,255,255,.1); }
.news-item img { width: 4rem; height: 4rem; object-fit: cover; border-radius: .35rem; }
.news-item h3 { margin: .1rem 0; }
.news-item p { margin: .2rem 0; }
.activity-drawer, .market-panel { position: fixed; z-index: 20; right: 0; top: 0; bottom: 0; width: min(38rem, 92vw); overflow: auto; padding: 1.2rem; background: #0b1810; border-left: 1px solid rgba(255,255,255,.18); box-shadow: -1rem 0 3rem rgba(0,0,0,.35); }
.market-panel { left: 50%; right: auto; top: 8vh; bottom: auto; width: min(68rem, 92vw); max-height: 84vh; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.18); }
.overlay-root { position: fixed; inset: 0; z-index: 30; }
.overlay-backdrop { position: absolute; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(0,0,0,.72); }
.overlay-card { width: min(42rem, 94vw); max-height: 90vh; overflow: auto; padding: clamp(1rem, 3vw, 2rem); background: #0b1810; border: 1px solid rgba(255,255,255,.24); box-shadow: 0 1rem 4rem rgba(0,0,0,.45); }
.article-card { display: grid; grid-template-columns: minmax(9rem, .75fr) 1.25fr; gap: 1rem; }
.article-illustration img { width: 100%; height: 100%; min-height: 13rem; object-fit: cover; border-radius: .35rem; }
.article-category { color: #ffd27a; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; }
.event-cameo { display: flex; gap: .75rem; align-items: center; margin-bottom: 1rem; }
.event-cameo img { width: 4rem; height: 4rem; object-fit: cover; border-radius: 50%; }
.event-cameo div { display: grid; gap: .15rem; }
.crisis-dialog { width: min(48rem, 94vw); }
.crisis-dialog .crisis-card { margin-top: .8rem; }
@media (max-width: 760px) {
  .workspace { display: block; }
  .secondary-workspace { position: static; margin-top: .8rem; }
  .article-card { grid-template-columns: 1fr; }
  .article-illustration img { max-height: 12rem; }
  .activity-drawer { left: 0; right: 0; top: auto; width: auto; max-height: 88vh; border-left: 0; border-top: 1px solid rgba(255,255,255,.18); }
  .market-panel { top: 2vh; max-height: 94vh; }
}
@media (prefers-reduced-motion: reduce) {
  .overlay-backdrop, .overlay-card, .activity-drawer, .market-panel { transition: none !important; animation: none !important; }
}