:root{color:#fff7d6;background:#91aa2c;font-family:Avenir Next,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--grass: #91aa2c;--grass-shadow: #718a23;--road: #34383a;--curb: #9a9685;--residential: #77d45b;--shop: #e7b94e;--workspace: #9f69d7;--park: #56b979;--hud: #202224;--hud-raised: #303336;--hud-border: #0f1112;--text: #fff7d6;--muted: #b8b59e;--hover: #ffe56d;--danger: #e36a56;--shadow: rgba(8, 10, 7, .62);--font-display: "Avenir Next", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;--font-label: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--grass);color:var(--text);overscroll-behavior:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--hover);outline-offset:3px}.app-shell{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:var(--grass);-webkit-user-select:none;user-select:none}.app-shell:after{position:absolute;z-index:5;inset:0;box-shadow:inset 0 0 82px #2a340f38;content:"";pointer-events:none}.game-canvas{position:absolute;z-index:1;inset:0;overflow:hidden;background:linear-gradient(#ffffff03,#00000003),var(--grass);cursor:crosshair;touch-action:none}.app-shell[data-active-tool=cursor] .game-canvas{cursor:grab}.app-shell[data-active-tool=cursor] .game-canvas:active{cursor:grabbing}.app-shell:not([data-active-tool=cursor]) .game-canvas{cursor:crosshair}.game-canvas canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.pixel-icon{display:block;width:1em;height:1em;flex:0 0 auto;overflow:visible;fill:currentColor}.pixel-icon__cut{fill:var(--icon-cut, var(--hud))}.pixel-icon__shade{fill:#050606;opacity:.3}.pixel-panel{border:3px solid var(--hud-border);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.055) 0,transparent 9px),linear-gradient(180deg,#2b2e30,#202224);box-shadow:inset 0 0 0 2px #ffffff14,inset 0 -4px #00000047,0 4px #070808d1,0 12px 26px var(--shadow)}kbd{display:inline-grid;min-width:19px;height:18px;padding:0 4px;place-items:center;border:1px solid #0d0f10;border-radius:2px;background:#17191a;box-shadow:inset 0 1px #ffffff1f,0 1px #ffffff14;color:#d6d1b7;font:700 10px/1 var(--font-label);letter-spacing:-.03em}.hud{position:absolute;z-index:30;inset:0;pointer-events:none}.hud__topbar{position:fixed;top:16px;right:18px;left:18px;display:grid;grid-template-columns:minmax(176px,.68fr) minmax(178px,.72fr) minmax(330px,1.65fr) auto;min-height:68px;align-items:stretch;overflow:hidden;pointer-events:auto}.town-brand{display:flex;min-width:0;align-items:center;gap:10px;padding:9px 15px 11px 12px;border-right:2px solid #101213;box-shadow:2px 0 #ffffff0e}.town-brand__mark{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:2px solid #111314;border-radius:3px;background:linear-gradient(145deg,#879b38,#526521);box-shadow:inset 0 0 0 2px #ffffff1f,0 2px #101211;color:#f5e8b8;--icon-cut: #647526}.town-brand__mark .pixel-icon{width:27px;height:27px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.town-brand__copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.town-brand__copy strong{overflow:hidden;color:var(--text);font:800 19px/1.05 var(--font-display);letter-spacing:.005em;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(12,14,15,.9);white-space:nowrap}.town-brand__copy span{margin-top:5px;color:var(--muted);font:700 10px/1 var(--font-label);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.town-clock{--clock-accent: #efcf69;position:relative;display:grid;min-width:0;grid-template-columns:37px minmax(88px,1fr);grid-template-rows:1fr 7px;align-items:center;column-gap:9px;padding:7px 13px 8px 11px;overflow:hidden;border-right:2px solid #101213;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--clock-accent),transparent 88%),transparent 52%),#ffffff05;box-shadow:2px 0 #ffffff0b}.town-clock[data-phase=dawn]{--clock-accent: #f3ad73}.town-clock[data-phase=day]{--clock-accent: #f2da6f}.town-clock[data-phase=dusk]{--clock-accent: #ec935a}.town-clock[data-phase=night]{--clock-accent: #91a7dd}.town-clock__icon{display:grid;width:35px;height:35px;grid-row:1;place-items:center;border:2px solid #111314;border-radius:3px;background:color-mix(in srgb,var(--clock-accent),#242729 76%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--clock-accent),transparent 84%),0 2px #111314;color:var(--clock-accent);--icon-cut: #292c2e}.town-clock__icon .pixel-icon{width:23px;height:23px;filter:drop-shadow(0 2px rgba(0,0,0,.35))}.town-clock__copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.town-clock__copy strong{color:#fff9df;font:900 19px/1 var(--font-label);letter-spacing:-.055em;text-shadow:0 2px #0c0e0f}.town-clock__copy small{margin-top:5px;overflow:hidden;color:color-mix(in srgb,var(--clock-accent),#ded8bb 44%);font:750 8px/1 var(--font-label);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.town-clock__rail{position:relative;height:5px;grid-row:2;grid-column:1 / -1;overflow:hidden;border:1px solid #101213;border-radius:1px;background:linear-gradient(90deg,#475071 0 21%,#d89761 21% 29%,#d9c86c 29% 71%,#d77850 71% 83%,#475071 83% 100%);box-shadow:inset 0 1px #ffffff14}.town-clock__rail:after{position:absolute;top:0;bottom:0;left:var(--day-progress);width:2px;transform:translate(-1px);background:#fffbe7;box-shadow:0 0 4px 1px var(--clock-accent);content:""}.town-clock__rail i{display:block;width:var(--day-progress);height:100%;background:#ffffff2b}.town-stats{display:flex;min-width:0;align-items:center;justify-content:center;padding:7px 10px}.town-stat{display:grid;min-width:86px;grid-template-columns:24px auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;padding:2px 12px;border-right:1px solid rgba(9,11,12,.72);box-shadow:1px 0 #ffffff0b}.town-stat:last-child{border-right:0;box-shadow:none}.town-stat .pixel-icon{width:23px;height:23px;grid-row:1 / span 2;color:#d8d2b4;filter:drop-shadow(0 2px #111314);--icon-cut: #292c2e}.town-stat__value{color:var(--text);font:900 15px/1.15 var(--font-label);letter-spacing:-.04em}.town-stat__label{overflow:hidden;color:var(--muted);font:700 8px/1.1 var(--font-label);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hud__utilities{display:flex;align-items:center;gap:5px;padding:8px 8px 10px 10px;border-left:2px solid #101213;box-shadow:-2px 0 #ffffff0b}.pixel-button,.tool-button{position:relative;border:2px solid #111314;border-radius:3px;color:var(--text);cursor:pointer}.pixel-button{display:flex;height:42px;align-items:center;justify-content:center;gap:6px;padding:0 10px;background:linear-gradient(180deg,#414548,#2d3032);box-shadow:inset 0 2px #ffffff14,inset 0 -3px #00000040,0 2px #101213;font:800 10px/1 var(--font-label);letter-spacing:-.02em;text-transform:uppercase}.pixel-button:hover:not(:disabled){border-color:#6f705f;background:linear-gradient(180deg,#505558,#34383a);color:#fffbea}.pixel-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #00000040,0 0 #101213}.pixel-button:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(.8)}.pixel-button .pixel-icon{width:18px;height:18px;color:#e2ddc4;--icon-cut: #333739}.pixel-button--danger:hover:not(:disabled){border-color:#8c4438;color:#ffc0b4}.build-toolbar{position:fixed;bottom:max(19px,env(safe-area-inset-bottom));left:50%;display:flex;max-width:calc(100vw - 24px);align-items:stretch;gap:10px;padding:9px 11px 12px;transform:translate(-50%);pointer-events:auto}.build-toolbar__group{display:flex;align-items:stretch;gap:7px}.build-toolbar__divider{width:2px;margin:4px 2px 3px;background:#101213;box-shadow:2px 0 #ffffff0f}.tool-button{display:flex;min-width:64px;height:68px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 8px 7px;background:linear-gradient(180deg,#3b3f42,#292c2e);box-shadow:inset 0 2px #ffffff14,inset 0 -4px #0000004d,0 3px #101213;--icon-cut: #303436}.tool-button:hover{z-index:1;border-color:#6b6d61;background:linear-gradient(180deg,#4a4f51,#313537);transform:translateY(-1px)}.tool-button:active{transform:translateY(2px);box-shadow:inset 0 2px #00000040,0 1px #101213}.tool-button__icon{display:grid;width:33px;height:33px;place-items:center;color:#ddd7bc;filter:drop-shadow(0 2px 0 #121414)}.tool-button__icon .pixel-icon{width:31px;height:31px}.tool-button__label{color:#cac6ad;font:800 9px/1 var(--font-label);letter-spacing:-.035em;white-space:nowrap}.tool-button kbd{position:absolute;top:4px;right:4px;min-width:16px;height:15px;padding:0 3px;border-color:#0000008c;background:#121414bd;color:#fff7d6b8;font-size:8px}.tool-button--zone{min-width:78px}.tool-button--explore{min-width:78px;--explore: #7cc2d4}.tool-button--explore[aria-pressed=true]{border-color:var(--explore);background:linear-gradient(180deg,#355663,#263c43);box-shadow:inset 0 0 0 2px #c8f5ff1a,inset 0 -4px #00000047,0 3px #101213,0 0 0 2px color-mix(in srgb,var(--explore),transparent 72%)}.tool-button--explore[aria-pressed=true] .tool-button__icon{color:#bcecf5}.tool-button--explore[aria-pressed=true] .tool-button__label{color:#effcff}.tool-button--zone[data-zone=residential]{--zone: var(--residential);--zone-dark: #395f32}.tool-button--zone[data-zone=shop]{--zone: var(--shop);--zone-dark: #725d2a}.tool-button--zone[data-zone=workspace]{--zone: var(--workspace);--zone-dark: #503b6e}.tool-button--zone[data-zone=park]{--zone: var(--park);--zone-dark: #315b43}.tool-button--zone[aria-pressed=true]{border-color:var(--zone);background:linear-gradient(180deg,color-mix(in srgb,var(--zone-dark),#404447 55%),var(--zone-dark));box-shadow:inset 0 0 0 2px #ffffff1c,inset 0 -4px #00000047,0 3px #101213,0 0 0 2px color-mix(in srgb,var(--zone),transparent 68%)}.tool-button--zone[aria-pressed=true] .tool-button__icon,.tool-button--zone[aria-pressed=true] .tool-button__label{color:#fffbe4}.tool-button--speed{min-width:56px}.tool-button--speed .tool-button__icon .pixel-icon{width:27px;height:27px}.tool-button--speed[aria-pressed=true]{border-color:#d7c866;background:linear-gradient(180deg,#54513b,#363528);box-shadow:inset 0 0 0 2px #ffec8b14,inset 0 -4px #00000047,0 3px #101213}.tool-button--speed[aria-pressed=true] .tool-button__icon{color:var(--hover)}.tool-button__space-key{display:none}.hud-toast,.toast{position:fixed;z-index:50;top:98px;left:50%;display:flex;min-height:38px;align-items:center;gap:8px;padding:8px 13px 9px;transform:translate(-50%);border:2px solid #0d0f10;border-radius:3px;background:#1c1f20f0;box-shadow:inset 0 1px #ffffff17,0 3px #070808cc,0 9px 22px #00000059;color:#fff9dd;font:800 11px/1.25 var(--font-label);pointer-events:none;animation:toast-in .18s steps(3,end) both}.hud-toast .pixel-icon{width:17px;height:17px;color:var(--hover)}.inspector{--zone: var(--hover);--zone-soft: #57523a;position:fixed;z-index:24;top:103px;right:18px;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 228px);max-height:calc(100dvh - 228px);overflow:hidden auto;overscroll-behavior:contain;border-top-color:var(--zone);pointer-events:none;scrollbar-width:none;animation:inspector-in .15s steps(3,end) both}.inspector[data-pinned=true]{pointer-events:auto}.inspector::-webkit-scrollbar{display:none}.inspector[data-zone=residential]{--zone: var(--residential);--zone-soft: #38583a}.inspector[data-zone=shop]{--zone: var(--shop);--zone-soft: #65552f}.inspector[data-zone=workspace]{--zone: var(--workspace);--zone-soft: #514064}.inspector[data-zone=park]{--zone: var(--park);--zone-soft: #365b43}.inspector__header{display:flex;align-items:center;gap:12px;padding:13px 14px 12px;border-bottom:2px solid #111314;background:linear-gradient(100deg,color-mix(in srgb,var(--zone-soft),transparent 12%),transparent 74%),#ffffff06;box-shadow:0 2px #ffffff0a}.inspector[data-pinned=true] .inspector__header{position:sticky;z-index:3;top:0}.inspector__hero-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:2px solid #111314;border-radius:3px;background:color-mix(in srgb,var(--zone-soft),#252829 34%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--zone),transparent 78%),0 2px #111314;color:color-mix(in srgb,var(--zone),#fff 18%);--icon-cut: color-mix(in srgb, var(--zone-soft), #252829 34%)}.inspector__hero-icon .pixel-icon{width:31px;height:31px;filter:drop-shadow(0 2px rgba(0,0,0,.35))}.inspector__hero-icon--citizen{border-color:#3e331c;background:linear-gradient(145deg,#f0c35c,#a16d2f);box-shadow:inset 0 0 0 2px #fff4c440,0 2px #111314;color:#2a2117;font:900 21px/1 var(--font-label);text-shadow:0 1px rgba(255,255,255,.18)}.inspector__heading{display:flex;min-width:0;flex:1;flex-direction:column}.inspector__header-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px}.inspector-action{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:2px solid #111314;border-radius:3px;background:linear-gradient(180deg,#414548,#292c2e);box-shadow:inset 0 2px #ffffff14,inset 0 -3px #00000042,0 2px #111314;color:#ded8bc;cursor:pointer;font:800 8px/1 var(--font-label);text-transform:uppercase}.inspector-action:hover{border-color:#777363;background:linear-gradient(180deg,#515658,#333739);color:#fff9df}.inspector-action:active{transform:translateY(2px);box-shadow:inset 0 2px #00000047}.inspector-action--follow{min-width:72px;gap:5px;padding:0 8px}.inspector-action--follow .pixel-icon{width:15px;height:15px;color:#e6c75f;--icon-cut: #333739}.inspector-action--follow[aria-pressed=true]{border-color:#d7c866;background:linear-gradient(180deg,#59543a,#393629);color:#fff0a5}.inspector-action--close{padding:0;color:#cbc6ae;font:900 24px/1 var(--font-label)}.inspector__heading>small{overflow:hidden;color:color-mix(in srgb,var(--zone),#fff 20%);font:800 9px/1.2 var(--font-label);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.inspector__heading>strong{margin-top:3px;overflow:hidden;color:#fff9de;font:800 19px/1.18 var(--font-display);letter-spacing:.005em;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(17,19,20,.85);white-space:nowrap}.inspector__status{display:flex;align-items:center;gap:5px;margin-top:5px;color:#c8c4ae;font:650 11px/1.2 var(--font-display);letter-spacing:.01em}.inspector__status i{width:7px;height:7px;border:1px solid rgba(0,0,0,.5);background:var(--zone);box-shadow:0 0 0 1px color-mix(in srgb,var(--zone),transparent 72%)}.inspector__status .pixel-icon{width:13px;height:13px;color:#f0d56f}.inspector__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border-bottom:2px solid #111314;background:#111314}.inspector-metric{display:flex;min-width:0;align-items:center;gap:9px;padding:10px 13px;background:#292c2e}.inspector-metric .pixel-icon{width:22px;height:22px;color:var(--zone);filter:drop-shadow(0 2px #111314);--icon-cut: #292c2e}.inspector-metric>span{display:flex;min-width:0;flex-direction:column}.inspector-metric strong{color:#fff8dc;font:900 14px/1.05 var(--font-label)}.inspector-metric small{margin-top:3px;overflow:hidden;color:#a9a791;font:700 8px/1 var(--font-label);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.inspector__section{padding:12px 14px 13px;border-bottom:2px solid #111314;box-shadow:0 2px #ffffff09}.inspector__section:last-child{border-bottom:0}.inspector__section h3{margin:0 0 9px;color:#e9e3c8;font:900 10px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.inspector-progress__copy{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.inspector-progress__copy span{color:#e8e3ca;font:800 10px/1 var(--font-label)}.inspector-progress__copy strong{color:var(--zone);font:900 10px/1 var(--font-label)}.inspector-progress small{display:block;margin-top:6px;color:#9e9c8a;font:600 9px/1.3 var(--font-label)}.pixel-meter{height:11px;padding:2px;overflow:hidden;border:2px solid #0e1011;border-radius:2px;background:#161819;box-shadow:inset 0 1px 2px #000000a6}.pixel-meter>span{display:block;width:var(--progress, 0%);height:100%;min-width:0;background:linear-gradient(90deg,rgba(255,255,255,.1) 50%,transparent 50%) 0 0 / 6px 100%,var(--zone);box-shadow:inset 0 1px #ffffff40;transition:width .24s steps(8,end)}.inspector-progress[data-tone=construction] .pixel-meter>span{background:linear-gradient(135deg,rgba(50,39,12,.28) 25%,transparent 25%,transparent 50%,rgba(50,39,12,.28) 50%,rgba(50,39,12,.28) 75%,transparent 75%) 0 0 / 8px 8px,#dfb34c}.inspector-progress[data-tone=upgrade] .pixel-meter>span{background:linear-gradient(90deg,rgba(255,255,255,.12) 50%,transparent 50%) 0 0 / 6px 100%,var(--zone)}.inspector__max-tier{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:2px solid #111314;background:#ffe56d0e;color:#f2d968;font:800 10px/1 var(--font-label);text-transform:uppercase}.inspector__max-tier .pixel-icon{width:15px;height:15px}.people-group+.people-group{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.people-group__title{display:flex;align-items:center;gap:6px;margin-bottom:5px;color:#bdb9a2;font:800 9px/1 var(--font-label);text-transform:uppercase}.people-group__title .pixel-icon{width:13px;height:13px;color:var(--zone);--icon-cut: #232628}.people-group__title strong{min-width:17px;margin-left:auto;padding:2px 4px;border:1px solid #111314;border-radius:2px;background:#191b1c;color:#e0dcc5;text-align:center}.people-group ul{margin:0;padding:0;list-style:none}.people-group li+li{border-top:1px solid rgba(255,255,255,.045)}.person-row{display:grid;width:100%;grid-template-columns:27px minmax(0,1fr) minmax(72px,auto);align-items:center;gap:7px;min-height:34px;padding:4px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.person-row--button{min-height:44px;padding:5px 6px;cursor:pointer}.person-row--button:hover{background:#ffe56d13}.person-row--button:active{background:#ffe56d1f}.person-row__avatar{display:grid;width:25px;height:25px;place-items:center;border:2px solid #121415;border-radius:2px;background:linear-gradient(145deg,#cf9f4e,#7c5d32);box-shadow:inset 0 0 0 1px #ffffff21;color:#fff0c4;font:900 10px/1 var(--font-label)}.person-row__copy{display:flex;min-width:0;flex-direction:column}.person-row__copy strong{overflow:hidden;color:#eee9d2;font:750 12px/1.2 var(--font-display);letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap}.person-row__copy small{margin-top:3px;color:#8f8e80;font:650 9px/1.1 var(--font-display)}.person-row__activity{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:5px;color:#aaa792}.person-row__activity .pixel-icon{width:13px;height:13px;color:#d6c86b;--icon-cut: #232628}.person-row__activity span{max-width:95px;overflow:hidden;font:650 9px/1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.people-group__more{display:block;margin-top:4px;color:#999685;font:700 8px/1 var(--font-label);text-align:right}.inspector__quiet{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px dashed #4b4d46;color:#969486;font:700 9px/1 var(--font-label)}.inspector__quiet .pixel-icon{width:15px;height:15px}.inspector--citizen{--zone: #f0c35c;--zone-soft: #604929}.citizen-route{padding:11px 14px;border-bottom:2px solid #111314;background:#292c2e}.citizen-route>div,.citizen-places>div{display:flex;min-width:0;align-items:center;gap:9px}.citizen-route__icon{display:grid;width:34px;height:30px;flex:0 0 auto;place-items:center;border:1px solid #111314;background:#1d2021;color:#e6c55b;--icon-cut: #1d2021}.citizen-route__icon .pixel-icon{width:21px;height:21px}.citizen-route>div>span:last-child,.citizen-places>div>span:last-child{display:flex;min-width:0;flex-direction:column}.citizen-route small,.citizen-places small{color:#969486;font:700 8px/1 var(--font-label);letter-spacing:.05em;text-transform:uppercase}.citizen-route strong,.citizen-places strong{margin-top:4px;overflow:hidden;color:#ede8d0;font:750 12px/1.2 var(--font-display);letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap}.inspector__section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.inspector__section-heading h3{margin:0}.inspector__section-heading>span{padding:3px 5px;border:1px solid #111314;border-radius:2px;background:#1a1c1d;color:#e4c765;font:800 8px/1 var(--font-label);text-transform:uppercase}.citizen-routine__next{margin:0;color:#aaa792;font:700 9px/1.35 var(--font-label)}.citizen-routine__times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:10px 0 0;border:1px solid #111314;background:#111314}.citizen-routine__times>div{min-width:0;padding:6px 4px 7px;background:#292c2e;text-align:center}.citizen-routine__times dt{overflow:hidden;color:#969486;font:700 7px/1 var(--font-label);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.citizen-routine__times dd{margin:4px 0 0;overflow:hidden;color:#e9e3ca;font:800 8px/1 var(--font-label);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.citizen-moments{display:grid;gap:6px;margin:0;padding:0;list-style:none}.citizen-moments li{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:8px;min-height:35px;padding:5px 7px;border:1px solid rgba(14,16,15,.92);background:#292c2e}.citizen-moments .pixel-icon{width:17px;height:17px;color:#dfc55f;--icon-cut: #292c2e}.citizen-moments li>span{display:flex;min-width:0;flex-direction:column}.citizen-moments strong{overflow:hidden;color:#dfdbc5;font:700 8px/1.25 var(--font-label);text-overflow:ellipsis;white-space:nowrap}.citizen-moments small{margin-top:3px;color:#8f8d80;font:700 7px/1 var(--font-label)}.inspector__quiet--compact{min-height:36px}.citizen-needs{display:grid;gap:8px}.citizen-need{display:grid;grid-template-columns:70px minmax(0,1fr) 24px;align-items:center;gap:7px}.citizen-need__label{display:flex;align-items:center;gap:6px;color:#c5c1aa;font:700 9px/1 var(--font-label)}.citizen-need__label .pixel-icon{width:14px;height:14px;color:#e4c765;--icon-cut: #232628}.pixel-meter--need{height:9px}.pixel-meter--need>span{background:linear-gradient(90deg,rgba(255,255,255,.12) 50%,transparent 50%) 0 0 / 6px 100%,#d6b852}.citizen-need>strong{color:#ded9c0;font:800 9px/1 var(--font-label);text-align:right}.citizen-places{display:grid;gap:9px}.citizen-places>div+div{padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}.citizen-places>div>.pixel-icon{width:22px;height:22px;color:#d8c363;--icon-cut: #232628}.inspector__footer-note{padding:9px 14px 11px;color:#999686;font:700 8px/1.2 var(--font-label);text-align:center;text-transform:uppercase}.event-feed{position:fixed;z-index:20;top:105px;left:18px;width:min(330px,calc(100vw - 36px));pointer-events:none}.event-feed__title{display:flex;align-items:center;gap:7px;margin:0 2px 7px;color:#f5ecc5;text-shadow:0 2px 2px rgba(28,33,16,.75)}.event-feed__title .pixel-icon{width:14px;height:14px;color:var(--hover);filter:drop-shadow(0 1px #2d3418)}.event-feed__title h2{margin:0;font:900 10px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.event-feed__title>span{margin-left:auto;color:#fff7d6b3;font:700 8px/1 var(--font-label);text-transform:uppercase}.event-feed ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.town-event{--event-color: #d4c861;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:7px 10px 8px 8px;border:2px solid rgba(14,16,15,.9);border-left-color:var(--event-color);border-radius:3px;background:#1f2222e8;box-shadow:inset 0 1px #ffffff13,0 3px #0c0e0db8,0 8px 17px #1e260d33;animation:event-in .18s steps(4,end) calc(var(--event-index, 0) * 35ms) both}.town-event[data-kind=move]{--event-color: #7cc2d4}.town-event[data-kind=work]{--event-color: var(--workspace)}.town-event[data-kind=shop]{--event-color: var(--shop)}.town-event[data-kind=park]{--event-color: var(--park)}.town-event[data-kind=upgrade]{--event-color: var(--hover)}.town-event[data-kind=build]{--event-color: #dda24d}.town-event__icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid #0d0f10;background:color-mix(in srgb,var(--event-color),#26292a 80%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--event-color),transparent 82%);color:var(--event-color);--icon-cut: color-mix(in srgb, var(--event-color), #26292a 80%)}.town-event__icon .pixel-icon{width:19px;height:19px;filter:drop-shadow(0 1px rgba(0,0,0,.45))}.town-event__copy{display:flex;min-width:0;flex-direction:column}.town-event__copy strong{display:-webkit-box;overflow:hidden;color:#ede8d0;font:750 10px/1.25 var(--font-label);-webkit-box-orient:vertical;-webkit-line-clamp:2}.town-event__copy small{margin-top:4px;color:#999687;font:700 8px/1 var(--font-label)}.welcome-hint{position:fixed;z-index:18;top:clamp(110px,18vh,185px);left:50%;width:min(525px,calc(100vw - 30px));overflow:visible;transform:translate(-50%);pointer-events:none;animation:welcome-in .26s steps(5,end) both}.welcome-hint__flag{position:absolute;top:-29px;left:50%;display:grid;width:58px;height:58px;place-items:center;transform:translate(-50%);border:3px solid #171a18;border-radius:4px;background:linear-gradient(145deg,#769537,#4f6a26);box-shadow:inset 0 0 0 2px #e8ffa721,0 4px #0c0f0bbf;color:#e5f3ae;--icon-cut: #5c772b;animation:hint-bob 2.8s steps(2,end) infinite}.welcome-hint__flag .pixel-icon{width:34px;height:34px;filter:drop-shadow(0 2px rgba(0,0,0,.3))}.welcome-hint__intro{padding:41px 31px 19px;text-align:center}.welcome-hint__intro h1{margin:0;color:#fff9de;font:900 clamp(18px,2.2vw,23px)/1.08 var(--font-label);letter-spacing:-.065em;text-shadow:0 2px #101213}.welcome-hint__intro p{max-width:410px;margin:11px auto 0;color:#c5c1aa;font:650 11px/1.5 var(--font-label)}.welcome-hint__controls{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #111314;border-bottom:2px solid #111314;background:#2a2d2f;box-shadow:inset 0 2px #ffffff09,0 2px #ffffff09}.welcome-hint__controls>span{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 7px;border-right:1px solid #111314}.welcome-hint__controls>span:last-child{border-right:0}.welcome-hint__controls .pixel-icon{width:22px;height:22px;color:#dace73;--icon-cut: #2a2d2f}.welcome-hint__controls>span>span{display:flex;flex-direction:column}.welcome-hint__controls strong{color:#ebe6ce;font:800 9px/1 var(--font-label)}.welcome-hint__controls small{margin-top:4px;color:#989687;font:700 8px/1 var(--font-label)}.welcome-hint__shortcuts{display:flex;align-items:center;justify-content:center;gap:17px;padding:10px 18px 13px;color:#9f9c8c;font:700 8px/1 var(--font-label)}.welcome-hint__shortcuts>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.welcome-hint__shortcuts .key-wide{min-width:39px}@keyframes inspector-in{0%{opacity:0;transform:translate(13px)}to{opacity:1;transform:translate(0)}}@keyframes event-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes welcome-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes hint-bob{0%,88%,to{transform:translate(-50%) translateY(0)}92%{transform:translate(-50%) translateY(-3px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1040px){.hud__topbar{grid-template-columns:155px 158px 1fr auto}.town-stat{min-width:66px;padding-right:8px;padding-left:8px}.town-stat--optional{display:none}.pixel-button{width:42px;padding:0}.pixel-button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(max-width:760px){.app-shell:after{box-shadow:inset 0 0 42px #2a340f2e}.hud__topbar{top:8px;right:8px;left:8px;grid-template-columns:minmax(108px,.62fr) minmax(126px,.72fr) 1fr auto;min-height:58px}.town-brand{gap:7px;padding:6px 8px 8px 7px}.town-brand__mark{width:36px;height:36px}.town-brand__mark .pixel-icon{width:23px;height:23px}.town-brand__copy strong{font-size:14px}.town-brand__copy span{margin-top:4px;font-size:8px}.town-clock{grid-template-columns:29px minmax(72px,1fr);column-gap:6px;padding:5px 7px 6px}.town-clock__icon{width:28px;height:28px}.town-clock__icon .pixel-icon{width:19px;height:19px}.town-clock__copy strong{font-size:14px}.town-clock__copy small{margin-top:4px;font-size:7px}.town-stats{justify-content:flex-start;padding:5px 3px}.town-stat{min-width:48px;grid-template-columns:17px auto;column-gap:4px;padding:1px 6px}.town-stat .pixel-icon{width:17px;height:17px}.town-stat__value{font-size:11px}.town-stat__label,.town-stat--wide,.town-stat--optional{display:none}.hud__utilities{gap:3px;padding:5px}.pixel-button{width:35px;height:36px}.pixel-button .pixel-icon{width:16px;height:16px}.build-toolbar{right:7px;bottom:max(7px,env(safe-area-inset-bottom));left:7px;max-width:none;justify-content:center;gap:6px;padding:6px 7px 9px;transform:none}.build-toolbar__group{min-width:0;gap:4px}.build-toolbar__divider{margin-right:0;margin-left:0}.tool-button,.tool-button--explore,.tool-button--zone,.tool-button--speed{min-width:45px;width:48px;height:53px;gap:2px;padding:4px 4px 6px}.tool-button__icon,.tool-button__icon .pixel-icon{width:26px;height:26px}.tool-button--speed .tool-button__icon .pixel-icon{width:22px;height:22px}.tool-button__label{max-width:44px;overflow:hidden;font-size:7px;text-overflow:ellipsis}.tool-button kbd{top:2px;right:2px;min-width:13px;height:13px;font-size:7px}.hud-toast,.toast{top:76px;max-width:calc(100vw - 24px)}.inspector{top:auto;right:8px;bottom:calc(max(7px,env(safe-area-inset-bottom)) + 72px);left:8px;width:auto;max-height:min(48vh,430px);max-height:min(48dvh,430px);animation-name:inspector-up}.inspector__header{gap:8px;padding:9px 11px}.inspector-action--follow{min-width:64px;padding:0 6px}.inspector__hero-icon{width:40px;height:40px}.inspector__hero-icon .pixel-icon{width:26px;height:26px}.inspector__heading>strong{font-size:14px}.inspector__metrics,.inspector__section,.citizen-route{font-size:90%}.event-feed{top:79px;left:9px;width:min(290px,calc(100vw - 18px))}.event-feed__title{margin-bottom:5px}.town-event{grid-template-columns:29px minmax(0,1fr);min-height:41px;gap:7px;padding:5px 8px 6px 6px}.town-event__icon{width:27px;height:27px}.town-event__icon .pixel-icon{width:16px;height:16px}.town-event__copy strong{font-size:9px}.welcome-hint{top:101px;width:min(480px,calc(100vw - 20px))}.event-feed+.welcome-hint{top:155px}.welcome-hint__intro{padding:36px 18px 15px}.welcome-hint__intro p{font-size:9px}.welcome-hint__shortcuts{flex-wrap:wrap;gap:7px 13px;padding:8px 12px 11px}@keyframes inspector-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:500px){.hud__topbar{grid-template-columns:auto minmax(92px,1fr) auto}.town-brand{padding-right:7px}.town-brand__copy>span{display:none}.town-brand__copy strong{max-width:68px;font-size:12px}.town-stats{display:none}.town-clock{border-right:0}.town-clock__copy small{max-width:94px}.hud__utilities{border-left-width:1px}.pixel-button{width:31px}.build-toolbar{gap:3px;padding-right:5px;padding-left:5px}.build-toolbar__group{gap:2px}.tool-button,.tool-button--explore,.tool-button--zone,.tool-button--speed{min-width:29px;width:clamp(29px,8.9vw,40px)}.tool-button__label{display:none}.tool-button__icon,.tool-button__icon .pixel-icon{width:25px;height:25px}.welcome-hint{top:92px}.event-feed+.welcome-hint{top:148px}.welcome-hint__flag{top:-24px;width:49px;height:49px}.welcome-hint__flag .pixel-icon{width:29px;height:29px}.welcome-hint__intro{padding-top:31px}.welcome-hint__intro h1{font-size:16px}.welcome-hint__intro p{max-width:300px;margin-top:8px;line-height:1.4}.welcome-hint__controls>span{flex-direction:column;gap:4px;padding:8px 4px;text-align:center}.welcome-hint__controls .pixel-icon{width:19px;height:19px}.welcome-hint__controls small{display:none}.welcome-hint__shortcuts{gap:6px 10px;font-size:7px}.person-row__activity span{display:none}.person-row{grid-template-columns:27px minmax(0,1fr) 20px}.citizen-routine__times{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.town-brand__copy{display:none}.town-brand{padding-right:6px;padding-left:6px}}@media(max-height:650px)and (min-width:761px){.hud__topbar{top:9px}.build-toolbar{bottom:9px}.inspector{top:92px;max-height:calc(100vh - 190px)}.event-feed{top:94px}.welcome-hint{top:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}