:root{color-scheme:light;--ink: #2a241c;--muted: #5c5144;--paper: rgba(255, 248, 236, .96);--line: rgba(70, 48, 28, .16);font-family:Avenir Next,Segoe UI,Gill Sans,Trebuchet MS,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;max-width:100%;overflow:hidden}body{margin:0;min-height:100dvh;overscroll-behavior:none;background:radial-gradient(circle at 72% 46%,#fff6d8 0 28px,transparent 30px),radial-gradient(circle at 72% 46%,rgba(255,196,92,.9) 0 64px,transparent 66px),linear-gradient(#f6c98a,#f4e4c8 26%,#c5dde0 68%,#8fb4b4)}button,h1,h2,p,ul,dl,dd,dt{margin:0}.app{height:100dvh;max-width:100%;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow-x:hidden;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:10px;overflow:hidden}.top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:end;min-width:0;max-width:100%}.brand{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 10rem}.mark{width:22px;height:22px;background:linear-gradient(135deg,#e07a32 50%,#2c6d7a 50%);transform:rotate(45deg);border-radius:3px;box-shadow:3px 3px #2c241c26}.brand h1{font-size:clamp(1.35rem,4.5vw,1.7rem);letter-spacing:.06em;font-weight:700;line-height:1.1}.brand p{color:var(--muted);font-size:.95rem;line-height:1.3}.top-actions{display:flex;align-items:end;gap:8px 12px;min-width:0;max-width:100%}.stats{display:flex;flex-wrap:wrap;gap:8px 14px;min-width:0}.sign-out,.sign-in,.key-toggle,.map-tools button,.close{touch-action:manipulation}.sign-out{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:1rem;text-decoration:underline;min-height:44px;padding:8px 4px;white-space:nowrap;flex:0 0 auto}.stats div{text-align:right}.stats dt{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:normal}.stats dt.hours-label{text-transform:none;letter-spacing:0}.stats dd{font-size:1.15rem;font-variant-numeric:tabular-nums}.stage{position:relative;min-height:0;min-width:0;max-width:100%;border-radius:18px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff59;overflow:hidden}.city-viewport{width:100%;height:100%;min-width:0;min-height:0}.city-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.map-tools{position:absolute;z-index:2;top:10px;left:10px;display:flex;gap:8px}.map-tools button,.key-toggle{min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:1.05rem;padding:0 12px;cursor:pointer}.chrome{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.window-picker select,.hall-toggle,.key-toggle{min-height:44px}.window-picker select{width:12rem;max-width:46vw;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:.8rem;padding:0 6px}.hall-toggle{min-width:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:1rem;padding:0 12px;cursor:pointer}.key-toggle{display:inline-flex;align-items:center;justify-content:center;position:static}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.labels,.name-tags,.resident-sprite{pointer-events:none}.name-tag{pointer-events:all;cursor:pointer}.leader,.resident-anchor{pointer-events:none}.leader{fill:none;stroke:#2a241c8c}.building{cursor:pointer}.building.dim{opacity:.8}.scaffolding path{fill:none;stroke:#6b4a2e;stroke-width:1.6}.badge,.citizen-label,.map-label{font-family:Avenir Next,Segoe UI,sans-serif;fill:#2a241c;paint-order:stroke fill;stroke:#fff8ecf0;stroke-linejoin:round}.badge,.citizen-label{font-size:14px;font-weight:700}.citizen-label.away{fill:#a24b36}.map-label{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.flame{transform-box:fill-box;transform-origin:center;animation:flicker .9s ease-in-out infinite}.stress{animation:drift 3.2s ease-in-out infinite}.citizen{animation:bob 2.6s ease-in-out infinite}.plaque{position:absolute;z-index:5;top:14px;right:14px;width:min(280px,34vw);max-height:calc(100% - 28px);overflow:auto;padding:14px 14px 12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #3c28141f}.plaque-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-handle,.plaque.legend{display:none}.plaque.legend.open{display:block;top:64px}.plaque h2{font-size:1.15rem;margin-bottom:8px}.plaque ul,.board ul{padding:0;list-style:none}.plaque li{font-size:1rem;line-height:1.4;color:var(--muted);margin-top:6px}.status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.load-error{margin:0;max-width:28rem;font-size:1.15rem;line-height:1.4}.sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:#2c6d7a;color:#fff8ec;font-size:1rem;text-decoration:none}.pending-view{margin:0;padding:10px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:1rem}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a24b36;margin-bottom:4px}.close{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:1rem;min-height:44px;min-width:44px;padding:8px}.hall-list{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;list-style:none;min-width:0}.hall-list li{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline;min-width:0;font-size:.95rem;line-height:1.35}.hall-list li span:last-child{min-width:0;overflow-wrap:anywhere}.board{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0;max-width:100%;padding:8px 4px 0}.board h2{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.board ul{display:flex;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.board li{display:flex;gap:8px;align-items:center;flex:0 0 auto;white-space:nowrap;background:var(--paper);border-radius:999px;padding:8px 12px;min-height:44px;border:1px solid var(--line);font-size:.95rem}.pill{font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 6px;background:#efe2c4}.pill.blocked_ticket{background:#f3c7b4}.pill.pr_review{background:#f7e0a8}.pill.attention{background:#d9d4f2}.pill.deploy{background:#f3c7b4}.pill.merge{background:#c9e4d4}.pill.activity{background:#d5e4ef}@keyframes flicker{50%{opacity:.55}}@keyframes drift{50%{transform:translateY(-2px)}}@keyframes bob{50%{transform:translateY(-1.5px)}}@media(prefers-reduced-motion:reduce){.flame,.stress,.citizen{animation:none}}.citizen.selected circle,.building.selected{outline:none}@media(max-width:900px){.top-actions{flex:1 1 100%;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1 1 100%;width:100%;min-width:0;gap:4px 8px}.chrome{width:100%;justify-content:flex-start}.stats div{text-align:left}.stats dt{letter-spacing:.02em;white-space:normal}.plaque.legend.open{top:auto}.plaque{inset:auto 0 0;width:auto;max-height:min(46dvh,360px);border-radius:18px 18px 0 0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.sheet-handle{display:block;width:42px;height:4px;margin:0 auto 8px;border-radius:999px;background:#46301c47}}@media(max-width:520px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:520px){.app{gap:6px}.brand p{display:none}.stats dd{font-size:1rem}.board{grid-template-columns:minmax(0,1fr);gap:4px}.board h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.plaque{max-height:48%}}