:root{--paper:#f7f4eb;--panel:#fcfaf4;--panel-2:#f0eee3;--text:#354739;--dim:#798276;--gold:#8b673d;--grass:#699275;--line:#dfdfd1;--jev:#3f8265;--routine:#827e6c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--text)}body{font:13px/1.5 'DM Sans',sans-serif}button,select,input,textarea{font:inherit}button,select{color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bf8854;outline-offset:3px}button{transition:background .2s,transform .2s}button:hover{background:#e8eddf}button:active{transform:translateY(1px)}h1,h2,p{margin:0}h1,h2,.brand{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--dim)}
#app{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:80px minmax(350px,1fr);grid-template-areas:'top top' 'view side';overflow:hidden}
#top{grid-area:top;display:flex;align-items:center;gap:36px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--paper);z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:26px;line-height:1.05;color:#354b38;text-decoration:none;white-space:nowrap}.brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:7px;color:var(--dim)}.brand-mark{display:grid;place-items:center;width:38px;height:42px;background:#e4e9d8;border-radius:14px 14px 5px 5px;color:#668363;font-size:33px}.run-control{display:flex;flex-direction:column;gap:3px;border-left:1px solid var(--line);padding-left:28px}.run-control select{max-width:280px;border:0;background:transparent;font-size:12px;padding:0 16px 0 0}.spacer{flex:1}.live-note{color:var(--dim);font-size:11px;white-space:nowrap}.live-note i{display:inline-block;width:6px;height:6px;background:#81a078;border-radius:50%;margin-right:8px}.quiet-button{border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:transparent;font-size:11px}#srcBadge:empty{display:none}
#view{grid-area:view;position:relative;overflow:hidden;background:#cbdcd0;isolation:isolate;touch-action:none}#view>canvas{display:block;image-rendering:pixelated;position:absolute;inset:0;width:100%;height:100%}.scene-heading{position:absolute;left:30px;top:25px;z-index:2;pointer-events:none}.scene-heading h1{font-size:clamp(22px,2.5vw,34px);color:#3b5549;line-height:1.2;margin:5px 0}.scene-heading p{font-size:11px;color:#60786a}.scene-heading .eyebrow{color:#617e6b}#hud{position:absolute;right:22px;top:29px;z-index:2;font-size:10px;color:#456353;background:#f8f7ecb8;padding:8px 12px;border:1px solid #faffed99;border-radius:20px;pointer-events:none}#legend{position:absolute;bottom:90px;left:26px;z-index:2;color:#4b6955;font-size:10px;pointer-events:none}.view-tools{position:absolute;right:22px;bottom:92px;z-index:4;display:flex;border:1px solid #f8f7ebad;border-radius:8px;overflow:hidden;background:#f7f4ebdf}.view-tools button{background:transparent;border:0;width:34px;height:34px;font-size:18px}.playback{position:absolute;bottom:20px;left:24px;right:24px;z-index:4;background:#faf8efed;box-shadow:0 7px 30px #3c584520;border:1px solid #fff9;border-radius:10px;display:flex;align-items:center;gap:16px;padding:11px 14px;backdrop-filter:blur(12px)}#playBtn{background:#3f624e;color:#fff8e8;border:0;border-radius:6px;min-width:80px;height:34px;font-size:11px}#tickLabel{font-size:10px;font-variant-numeric:tabular-nums;min-width:70px}#tickRange{flex:1;min-width:35px;accent-color:#67866a;height:4px}#speedSel{background:transparent;border:0;font-size:11px}.playback label{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.playback input[type=checkbox]{accent-color:#628469;width:12px;height:12px}.control-divider{height:18px;width:1px;background:var(--line)}
#side{grid-area:side;overflow:auto;background:var(--panel);border-left:1px solid var(--line);padding:26px 23px 16px}.side-intro{margin-bottom:22px}.side-intro h2{font-size:25px;margin:6px 0}.side-intro p{font-size:11px;color:var(--dim)}.card{padding:18px 0;border-top:1px solid var(--line)}.card h3,.summary summary{font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 14px;color:#5c6f5c}.count{float:right;font-size:9px;color:#87937a}.agents{display:grid;grid-template-columns:1fr 1fr;gap:7px}.agent-chip{border:1px solid #e5e6da;border-radius:6px;background:#f7f6ed;padding:8px 9px;display:flex;align-items:center;gap:8px;font-size:11px;text-align:left}.agent-chip.sel{border-color:#739276;background:#e6eddf}.swatch{width:13px;height:16px;border-radius:4px 4px 2px 2px;border-bottom:4px solid #34433255;display:inline-block}.empty-person{font-size:35px;color:#a5b894;text-align:center}.empty-copy{text-align:center;font-size:12px;color:var(--dim);margin:8px 0 12px}.kv{display:grid;grid-template-columns:55px 1fr;gap:5px 10px;font-size:11px}.kv dt{color:var(--dim);text-transform:capitalize}.kv dd{margin:0}.bars{display:flex;flex-direction:column;gap:7px}.bar{display:grid;grid-template-columns:103px 1fr 29px;align-items:center;gap:6px;font-size:10px}.bar .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.track{height:6px;background:#e9e9db;border-radius:2px;overflow:hidden}.fill{height:100%;background:#acc29b}.bar.chosen .fill{background:#70916d}.bar.chosen .name{color:#3d634b}.val{text-align:right;font-variant-numeric:tabular-nums}.meter{display:grid;grid-template-columns:135px 1fr 26px;gap:6px;align-items:center;font-size:10px;margin:7px 0;color:var(--dim)}.meter .fill{background:#c7a77b}.badge{display:inline-block;border:1px solid #b5c9af;color:#537857;border-radius:3px;font-size:8px;letter-spacing:1px;padding:3px 5px;margin:5px 4px 0 0}.badge.warn{color:#956a4b;border-color:#d9bc96}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metrics span{display:block;color:var(--dim);font-size:9px}.metrics b{font-weight:500;font-size:23px;color:#4f684f}.summary summary{cursor:pointer;margin:0}.summary[open] summary{margin-bottom:16px}.side-footer{font-family:Georgia,serif;font-style:italic;color:#8b9480;font-size:12px;padding-top:20px}.side-footer span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:10px}
.event-card{margin:0 -9px 18px;padding:16px 15px 15px!important;border:1px solid #d9ddca!important;border-radius:10px;background:linear-gradient(145deg,#f3f3e7,#ebeeda);box-shadow:0 7px 22px #4c66420d}.event-card[hidden]{display:none}.event-kicker{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#687766;margin-bottom:7px}.event-kicker i{font-style:normal;font-weight:700;letter-spacing:1px;background:#3e674e;color:#f8f4df;padding:3px 6px;border-radius:3px}.event-card h3{font-family:'DM Serif Display',Georgia,serif;font-size:20px;text-transform:none;letter-spacing:0;color:#435642;margin-bottom:5px}.event-card>p{font:11px/1.5 'DM Sans',sans-serif;color:#75806f;margin-bottom:12px}.event-card label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.event-card textarea{display:block;width:100%;resize:vertical;min-height:68px;max-height:130px;border:1px solid #d5d9c5;border-radius:7px;background:#fffdf7;padding:9px 10px;color:#354739;font:12px/1.45 'DM Sans',sans-serif;box-shadow:inset 0 1px 4px #6070550a}.event-card textarea::placeholder{color:#9ba291}.event-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.event-actions span{font-size:9px;color:#838b7d}.event-actions span.error{color:#a15e46}.event-actions button{border:0;border-radius:6px;background:#3f624e;color:#fff9e9;padding:8px 10px;font-size:10px;white-space:nowrap}.event-actions button:disabled{opacity:.55;cursor:wait}
#bottom{position:fixed;z-index:9;left:24px;right:344px;bottom:91px;width:min(720px,calc(100vw - 392px));max-height:min(48vh,470px);margin-right:auto;background:#fffdf7f2;border:1px solid #fff;border-radius:13px;padding:17px 20px 19px;overflow:hidden;box-shadow:0 18px 55px #31452f2a,0 2px 7px #394a3517;backdrop-filter:blur(14px);transition:max-height .32s ease,width .32s ease,padding .32s ease}.chron-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.chron-heading h2{font-size:22px;line-height:1.1;margin-top:2px}.chron-actions{display:flex;align-items:center;gap:13px;color:var(--dim);font-size:9px;white-space:nowrap}.chron-actions button{border:1px solid #dfe2d5;border-radius:20px;background:#f7f7ee;padding:7px 10px;font-size:9px;color:#60705f}.story-card.is-collapsed{width:330px;max-height:61px;padding-top:13px;padding-bottom:13px}.story-card.is-collapsed #storyBody,.story-card.is-collapsed #storyProgress{display:none}#storyBody{overflow:auto;max-height:calc(min(48vh,470px) - 75px);margin-top:14px;padding-right:9px;scrollbar-color:#c9cfbc transparent}#chron{display:flex;flex-direction:column;gap:19px;font:14px/1.7 'DM Serif Display',Georgia,serif;color:#485448}.story-entry{position:relative;padding:0 5px 0 17px;border-left:2px solid #dbe2cc}.story-entry header{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:6px}.story-entry h3{font:400 18px/1.2 'DM Serif Display',Georgia,serif;margin:0;color:#334b39}.story-entry time{font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:#90998a;text-transform:uppercase;white-space:nowrap}.story-entry p{margin:0 0 8px}.story-entry p:last-child{margin-bottom:0}.story-entry.latest{border-left-color:#7e9c73}.story-entry.latest:before{content:'✦';position:absolute;left:-7px;top:3px;color:#668163;background:#fffdf7;font:11px Georgia,serif}.story-source{display:inline-block;margin-left:7px;font:7px 'DM Sans',sans-serif;letter-spacing:1px;color:#87937f;text-transform:uppercase}#empty{position:absolute;inset:0;display:grid;place-items:center;background:#eff1e7f0;z-index:8;padding:20px}#empty[hidden]{display:none}#empty pre{white-space:pre-wrap;font:13px/1.7 monospace}
.nm-label{font:600 10px 'DM Sans',sans-serif;color:#fdf9df;background:#344c38cf;border:1px solid #f8f4d555;border-radius:4px;padding:2px 6px;white-space:nowrap;pointer-events:none}.bubble{font:11px/1.4 'DM Sans',sans-serif;color:#3e503c;background:#fffbedf5;border:1px solid #d6d5b9;border-radius:7px;padding:7px 10px;max-width:175px;text-align:center;box-shadow:0 3px 0 #3a503019;pointer-events:none}.bubble:after{content:'';position:absolute;bottom:-5px;left:50%;width:8px;height:8px;background:#fffbed;transform:rotate(45deg);border-right:1px solid #d6d5b9;border-bottom:1px solid #d6d5b9}.place-label{font:600 9px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#fff7db;text-shadow:0 1px 3px #304d30;background:#355c386b;padding:4px 8px;border-radius:3px;pointer-events:none}
.focus-mode #app{grid-template-columns:1fr;grid-template-rows:80px 1fr;grid-template-areas:'top' 'view'}.focus-mode #side{display:none}.focus-mode #bottom{right:24px;width:min(720px,calc(100vw - 48px))}.focus-mode #bottom.is-collapsed{width:330px}
@media(min-width:1800px){#app{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:86px minmax(350px,1fr)}#side{padding:30px}.scene-heading{left:36px;top:30px}#bottom{right:384px}}
@media(max-width:1050px){#app{grid-template-columns:minmax(0,1fr) 285px}#top{gap:18px;padding:0 20px}.live-note{display:none}.run-control{padding-left:18px}.scene-heading h1{font-size:24px}.scene-heading p{display:none}#hud{top:83px;left:28px;right:auto}.playback{gap:9px;left:14px;right:14px}.playback label{font-size:0;gap:0}.control-divider{display:none}#side{padding:23px 17px}.chron-note{display:none}}
@media(max-width:720px){body{overflow:auto}#app{height:auto;min-height:100dvh;overflow:visible;grid-template-columns:1fr;grid-template-rows:70px 65dvh auto;grid-template-areas:'top' 'view' 'side'}#top{gap:12px;padding:0 15px}.brand{font-size:21px}.brand-mark{width:30px;height:34px;font-size:27px}.brand small{font-size:6px;letter-spacing:1.5px}.run-control{margin-left:auto;border:0;padding:0}.run-control select{max-width:155px;font-size:10px}.run-control .eyebrow{font-size:7px}.quiet-button,#top .spacer{display:none}.scene-heading{top:18px;left:20px}.scene-heading h1{font-size:24px}#hud{top:84px;left:20px}#side{border-left:0}.agents{grid-template-columns:repeat(3,1fr)}.playback{bottom:14px;padding:10px;gap:8px}#tickLabel{min-width:62px;font-size:9px}#playBtn{min-width:59px}.playback label{display:none}#legend{left:18px;font-size:9px}#bottom,.focus-mode #bottom{left:12px;right:12px;bottom:81px;width:auto;max-height:48vh;padding:14px 15px}.story-card.is-collapsed,.focus-mode #bottom.is-collapsed{width:calc(100vw - 24px)}#storyBody{max-height:calc(48vh - 70px)}.chron-actions{gap:7px}.chron-actions #storyProgress{display:none}.chron-heading h2{font-size:19px}#chron{font-size:13px}.bar{grid-template-columns:130px 1fr 35px}.meter{grid-template-columns:145px 1fr 30px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media(max-width:720px){.place-label{display:none}.bubble{font-size:10px;max-width:125px}.nm-label{font-size:9px}}
#liveDetails{font-size:11px;color:var(--dim);line-height:1.8;margin-bottom:12px}#liveDetails strong{color:var(--text);font-weight:600}#liveDetails .live-error{color:#956344;margin-top:7px}#liveCard[hidden]{display:none}.playback :disabled{opacity:.45;cursor:default}#playBtn:disabled{opacity:.6}#followLiveBtn{font-size:10px}.live-note.disconnected{color:#aa7558}
#liveDetails .condition-day{font-size:12px;font-weight:600;color:#435b45;text-transform:capitalize}#liveDetails .condition-weather{font:22px/1.3 'DM Serif Display',Georgia,serif;color:#354b38;text-transform:capitalize;margin:5px 0 15px}#liveDetails .condition-label{font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#7c8978}#liveDetails .condition-situations{margin:7px 0 0;padding-left:17px;line-height:1.7;color:#576957}#liveDetails .condition-situations li{padding-left:2px}