:root{color-scheme:light;--bg: #f4efe4;--bg-panel: rgba(255, 251, 242, .82);--text: #1e1f1d;--muted: #6e6658;--line: rgba(74, 54, 31, .16);--accent: #9d3c1f;--accent-strong: #6b2410;--success: #31593c;--error: #8d2a24;--shell-topbar-height: 64px;--map-settings-height: 44px;--shell-bottombar-height: 64px;--shadow: 0 18px 45px rgba(73, 47, 22, .12);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(157,60,31,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(73,47,22,.14),transparent 30%),linear-gradient(180deg,#f8f3e7 0%,#efe5d6 100%);color:var(--text)}body,button,a{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{display:grid;grid-template-rows:var(--shell-topbar-height) 1fr var(--shell-bottombar-height);height:100vh;overflow:hidden}.shell__topbar{min-height:var(--shell-topbar-height);display:grid;grid-template-columns:minmax(12rem,1.1fr) minmax(18rem,2fr) minmax(4rem,1fr) minmax(5rem,auto) auto;gap:.75rem;align-items:center;padding:.55rem .8rem;border-bottom:1px solid var(--line);background:rgba(255,251,242,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.shell__topbar-col--title{font-family:"IBM Plex Serif",Georgia,serif;font-weight:700;white-space:nowrap}.shell__topbar-col--timestamps{color:var(--muted);font-size:.8rem;line-height:1.3;white-space:nowrap}.shell__topbar-col--day{justify-self:end;text-align:right;font-weight:700;white-space:nowrap}.shell__topbar-col--actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;white-space:nowrap}.shell__topbar-col--actions .button{padding:.5rem .8rem;font-size:.88rem}.shell__view{min-height:0;overflow:auto}.view__eyebrow{margin:0 0 .35rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}.view h2,.panel-card h3{margin:0;font-family:"IBM Plex Serif",Georgia,serif}.shell__bottom-nav{min-height:var(--shell-bottombar-height);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-top:1px solid var(--line);background:rgba(247,240,229,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell__menu-links{display:flex;gap:.5rem;overflow-x:auto}.shell__brand{flex:0 0 auto;color:var(--muted);font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shell__link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;background:rgba(255,251,242,.7)}.shell__link.router-link-active{border-color:#9d3c1f66;background:rgba(157,60,31,.08)}.view{max-width:none}.view__header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.town-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.town-status-panel{border-width:1px}.town-status-panel--defense{background:linear-gradient(160deg,rgba(141,42,36,.17) 0%,rgba(255,251,242,.92) 58%);border-color:#8d2a2459}.town-status-panel--water{background:linear-gradient(160deg,rgba(32,90,153,.17) 0%,rgba(255,251,242,.92) 58%);border-color:#205a9959}.town-status-panel--consumables{background:linear-gradient(160deg,rgba(49,140,60,.17) 0%,rgba(255,251,242,.92) 58%);border-color:#318c3c59}.panel-card{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow)}.stack{display:grid;gap:.8rem}.field-label{color:var(--muted);font-size:.9rem}.text-input{width:100%;padding:.85rem .95rem;border:1px solid var(--line);border-radius:.85rem;background:rgba(255,251,242,.92);color:var(--text)}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.button--secondary{background:rgba(255,251,242,.92);color:var(--text);border:1px solid var(--line)}.button--live-active{border-color:#318c3c8c;background:rgba(49,140,60,.18);color:var(--success);box-shadow:inset 0 0 0 1px #318c3c47}.live-map-settings__select{min-width:220px;max-width:100%;padding:.45rem .55rem;border:1px solid var(--line);border-radius:.5rem;background:rgba(255,251,242,.94);color:var(--text)}.fact-list{display:grid;gap:.8rem;margin:0}.fact-list>div{display:grid;gap:.2rem}.fact-list dt{color:var(--muted);font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem}.town-entry-icon{width:16px;height:16px;image-rendering:pixelated}.fact-list dd{margin:0;font-weight:600}.status{padding:.85rem 1rem;border-radius:.9rem;background:rgba(255,251,242,.72);border:1px solid var(--line)}.status--error{color:var(--error);border-color:#8d2a2447}.status--warning{color:#7a5800;border-color:#b478004d;background:rgba(255,243,200,.72)}.toast{position:fixed;right:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.65rem;max-width:min(560px,calc(100vw - 2rem));padding:.7rem .85rem;border-radius:.75rem;border:1px solid var(--line);background:rgba(255,251,242,.97);box-shadow:var(--shadow);z-index:40}.toast--error{color:var(--error);border-color:#8d2a2459}.toast--success{color:#1f5f32;border-color:#318c3c66}.toast__close{border:none;background:transparent;color:inherit;font-size:1rem;line-height:1;padding:0}.button{border:0;border-radius:999px;padding:.8rem 1.1rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff8f1}.button:disabled{opacity:.6;cursor:default}@media (max-width: 900px){.shell{grid-template-rows:auto 1fr var(--shell-bottombar-height)}.shell__topbar{grid-template-columns:1fr;gap:.35rem;min-height:0}.shell__topbar-col--day{justify-self:start;text-align:left}.shell__view{padding:.5rem}.shell__bottom-nav{padding:.45rem .55rem}.shell__brand{font-size:.72rem}.view__header{align-items:start;flex-direction:column}}.map-bank-panel{display:flex;flex-direction:column;gap:.65rem;padding:.75rem}.map-bank-panel__empty{font-size:.82rem;color:var(--muted);font-style:italic;margin:0}.map-bank-category{display:flex;flex-direction:column;gap:.3rem}.map-bank-category__heading{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0}.map-bank-item{padding:0;background:none;border:none;cursor:pointer;border-radius:0;outline:2px solid transparent;outline-offset:1px;transition:outline-color .1s}.map-bank-item:hover{outline-color:#4a7fa58c}.map-bank-item--active,.map-bank-item--active:hover{outline-color:#c88c00e6}.item-chip-row{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:.35rem;max-width:100%}.item-chip-row>*{flex:0 0 auto}.map-view{display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:0;overflow:hidden}.live-map-settings{min-height:var(--map-settings-height);padding:.25rem .6rem;border:1px solid var(--line);border-radius:.7rem;background:rgba(255,251,242,.9);overflow-x:auto;display:flex;justify-content:flex-end}.live-map-settings--panel{flex:0 0 auto;padding:.6rem;border-radius:.85rem;min-height:auto;background:rgba(255,251,242,.85)}.live-map-settings--panel .live-map-settings__row{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.65rem}.live-map-settings__row{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:nowrap;white-space:nowrap}.live-map-settings__label{color:var(--muted);font-size:.82rem}.live-map-settings__value{color:var(--text);font-size:.85rem}.map-layout{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:1rem;align-items:stretch;margin-top:0;min-height:0;flex:1 1 auto;padding:.75rem;overflow:hidden}.map-grid-wrap{min-width:0;min-height:0;height:100%;overflow:auto;width:fit-content;max-width:100%}.map-grid-frame{display:grid;grid-template-columns:var(--zone-size, 36px) auto var(--zone-size, 36px);grid-template-rows:var(--zone-size, 36px) auto var(--zone-size, 36px);align-items:stretch;gap:var(--map-grid-frame-gap, .3rem)}.map-ruler-corner{width:var(--zone-size, 36px);height:var(--zone-size, 36px)}.map-ruler-corner--settings{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:.45rem;background:rgba(255,251,242,.82);color:var(--text)}.map-settings-trigger{cursor:pointer;font-size:clamp(.9rem,calc(var(--zone-size, 36px) * .38),1.2rem);box-shadow:var(--shadow);transition:background-color .18s ease,transform .18s ease}.map-settings-trigger:hover,.map-settings-trigger:focus-visible{background:rgba(255,243,228,.98);transform:translateY(-1px)}.map-settings-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.map-ruler{color:var(--muted);font-size:.66rem;-webkit-user-select:none;user-select:none}.map-ruler--x{display:grid;grid-template-columns:repeat(var(--cols),var(--zone-size, 36px));gap:1px}.map-ruler--y{display:grid;grid-template-rows:repeat(var(--rows),var(--zone-size, 36px));gap:1px}.map-ruler__tick{display:flex;align-items:center;justify-content:center;width:var(--zone-size, 36px);height:var(--zone-size, 36px);border-radius:.25rem;background:rgba(255,251,242,.55);border:1px solid transparent;line-height:1;font-variant-numeric:tabular-nums}.map-ruler__tick.is-active{color:#fff8f1;background:var(--accent);border-color:#6b2410cc}.map-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--zone-size, 36px));grid-template-rows:repeat(var(--rows),var(--zone-size, 36px));gap:1px;width:fit-content;background:var(--line);border:1px solid var(--line);border-radius:.4rem;overflow:hidden;position:relative}.map-grid.is-creation-mode .map-cell:not(:disabled){cursor:crosshair}.route-overlay{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.map-cell{width:var(--zone-size, 36px);height:var(--zone-size, 36px);border:none;padding:0;background:rgba(157,60,31,.07);cursor:default;position:relative;overflow:hidden}.map-cell:not(:disabled){cursor:pointer}.map-cell:not(:disabled):hover{outline:2px solid rgba(157,60,31,.55);outline-offset:-2px;position:relative;z-index:1}.map-cell.is-empty{background:rgba(74,54,31,.04)}.map-cell.is-town{background:var(--accent)}.map-cell.is-zombies-known.is-safe{background:rgba(49,140,60,.42)}.map-cell.is-zombies-unknown{background:rgba(157,60,31,.07)}.map-cell.is-depleted{opacity:.55}.map-cell.is-danger-low{background:rgba(200,160,30,.55)}.map-cell.is-danger-mid{background:rgba(210,110,30,.62)}.map-cell.is-danger-high{background:rgba(190,40,30,.68)}.map-cell.is-selected{outline:2px solid var(--accent);outline-offset:-2px;position:relative;z-index:1}.map-cell__building{position:absolute;top:calc(var(--zone-size, 36px) * .14);left:calc(var(--zone-size, 36px) * .14);width:calc(var(--zone-size, 36px) * .34);height:calc(var(--zone-size, 36px) * .34);border-radius:1px;border:1px solid rgba(255,255,255,.55)}.map-cell__building--searchable{background:rgba(255,255,255,.55)}.map-cell__building--depleted{background:rgba(209,52,52,.62);border-color:#ffd4d499}.map-cell__building--unknown{background:rgba(57,102,206,.55);border-color:#dde7ffb8}.map-cell__building--enterable{background:rgba(240,209,55,.72);border-color:#fff7ccd1}.map-cell__status-stack{position:absolute;top:1px;right:1px;display:flex;align-items:flex-start;gap:2px;z-index:3}.map-cell__status-icon{width:clamp(7px,calc(var(--zone-size, 36px) * .26),12px);height:clamp(7px,calc(var(--zone-size, 36px) * .26),12px);border-radius:2px;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 0 1px #20160e47}.map-cell__status-icon--depleted{filter:saturate(.92)}.map-cell__status-icon--replenished{filter:saturate(1.08)}.map-cell__update-dot{width:clamp(6px,calc(var(--zone-size, 36px) * .18),9px);height:clamp(6px,calc(var(--zone-size, 36px) * .18),9px);border-radius:50%;box-shadow:0 0 0 1px #251b145c}.map-cell__update-dot.status-update-today,.map-cell.status-update-today .map-cell__update-dot{background:#3eb95c}.map-cell__update-dot.status-update-yesterday,.map-cell.status-update-yesterday .map-cell__update-dot{background:#87bf45}.map-cell__update-dot.status-update-b4yesterday,.map-cell.status-update-b4yesterday .map-cell__update-dot{background:#cf9a33}.map-cell__update-dot.status-update-longago,.map-cell.status-update-longago .map-cell__update-dot{background:#936f58}.map-cell__count-badges{position:absolute;left:1px;bottom:1px;display:flex;gap:2px;align-items:flex-end;z-index:3}.map-cell__count-badge{min-width:clamp(8px,calc(var(--zone-size, 36px) * .22),12px);height:clamp(8px,calc(var(--zone-size, 36px) * .22),12px);padding:0 2px;border-radius:999px;line-height:clamp(8px,calc(var(--zone-size, 36px) * .22),12px);font-size:clamp(7px,calc(var(--zone-size, 36px) * .18),10px);font-variant-numeric:tabular-nums;color:#fff;text-align:center;box-shadow:0 0 0 1px #251b1457;background:rgba(43,39,39,.88)}.map-cell__count-badge--zombies{background:rgba(146,16,16,.9)}.map-cell__count-badge--safe{background:rgba(45,140,56,.9)}.map-cell__count-badge--low{background:rgba(165,122,20,.92)}.map-cell__count-badge--mid{background:rgba(188,96,20,.92)}.map-cell__count-badge--high{background:rgba(170,36,20,.94)}.map-cell__count-badge--max{background:rgba(20,76,184,.92)}.map-cell__count-badge--scout{background:rgba(18,99,50,.92)}.map-cell__home{position:absolute;left:calc(var(--zone-size, 36px) * .14);top:calc(var(--zone-size, 36px) * .2);width:calc(var(--zone-size, 36px) * .34);height:calc(var(--zone-size, 36px) * .24);background:rgba(255,251,242,.98);border-radius:1px;box-shadow:0 0 0 1px #6b241066}.map-cell__home:before{content:"";position:absolute;left:calc(var(--zone-size, 36px) * -.03);top:calc(var(--zone-size, 36px) * -.17);width:0;height:0;border-left:calc(var(--zone-size, 36px) * .2) solid transparent;border-right:calc(var(--zone-size, 36px) * .2) solid transparent;border-bottom:calc(var(--zone-size, 36px) * .2) solid rgba(255,239,213,.98);filter:drop-shadow(0 -1px 0 rgba(107,36,16,.45))}.map-cell__home:after{content:"";position:absolute;left:calc(var(--zone-size, 36px) * .14);bottom:0;width:calc(var(--zone-size, 36px) * .07);height:calc(var(--zone-size, 36px) * .1);background:rgba(107,36,16,.7);border-radius:1px 1px 0 0}.map-cell__players{position:absolute;right:1px;bottom:1px;display:flex;gap:1px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(var(--zone-size, 36px) * .4)}.map-cell__player-dot{width:clamp(2px,calc(var(--zone-size, 36px) * .1),4px);height:clamp(2px,calc(var(--zone-size, 36px) * .1),4px);border-radius:50%;background:rgba(19,19,19,.95);box-shadow:0 0 0 1px #fffc}.map-cell__player-dot--followed{animation:map-followed-dot-pulse 1s ease-in-out infinite}@keyframes map-followed-dot-pulse{0%,to{background:rgba(19,19,19,.95);box-shadow:0 0 0 1px #fffc}50%{background:rgba(245,213,56,.96);box-shadow:0 0 0 1px #fff8d6f2}}.map-cell.zone-change--arrival{--zone-change-color: rgba(245, 213, 56, .95);animation:map-zone-change-fade 2s ease-out forwards}.map-cell.zone-change--slaughter{--zone-change-color: rgba(204, 54, 54, .95);animation:map-zone-change-fade 2s ease-out forwards}.map-cell.zone-change--digstate{--zone-change-color: rgba(52, 116, 224, .92);animation:map-zone-change-fade 2s ease-out forwards}@keyframes map-zone-change-fade{0%{box-shadow:inset 0 0 0 2px var(--zone-change-color)}to{box-shadow:inset 0 0 #0000}}.map-detail{min-width:0;min-height:0;overflow:auto;flex:1 1 auto}.zone-info-panel{display:flex;flex-direction:column;gap:.55rem}.zone-info-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;line-height:1.35;font-size:.9rem}.zone-status{border:1px solid var(--line);border-radius:.45rem;padding:.4rem .5rem}.zone-status--depleted{background:rgba(141,42,36,.08)}.zone-status--normal{background:rgba(49,140,60,.08)}.zone-info-input{width:80px;border:1px solid var(--line);border-radius:.45rem;padding:.25rem .4rem;font:inherit}.zone-items-block{flex-direction:column;align-items:flex-start}.zone-items-empty{margin:0;color:var(--muted)}.zone-info-row--citizens{align-items:flex-start}.zone-citizen-list{display:flex;flex-wrap:wrap;gap:.35rem}.zone-info-last-update{color:var(--muted);font-size:.84rem}.zone-info-actions{margin-top:.2rem;flex-wrap:wrap}.map-detail-column{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0;height:100%}.map-detail--empty{color:var(--muted);font-size:.9rem;display:flex;align-items:flex-start;justify-content:flex-start}.map-detail-tabs{display:flex;gap:.25rem;flex-shrink:0}.map-detail-tab{flex:1;padding:.3rem .6rem;font:inherit;font-size:.8rem;font-weight:600;border:1px solid var(--line);border-radius:.45rem;background:rgba(255,251,242,.6);color:var(--muted);cursor:pointer;transition:background .12s,color .12s}.map-detail-tab:hover{background:rgba(255,248,235,.95);color:var(--text)}.map-detail-tab.is-active{background:var(--accent, rgba(74, 54, 31, .12));color:var(--text);border-color:#4a361f4d}.map-grid.has-item-filter .map-cell{opacity:.3;transition:opacity .15s}.map-grid.has-item-filter .map-cell.is-item-match{opacity:1;box-shadow:inset 0 0 0 3px #d29600d9}.map-settings-panel{display:flex;flex-direction:column;gap:.9rem}.map-settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.map-settings-panel__title{margin:0}.map-settings-panel__close{width:2rem;height:2rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,251,242,.92);color:var(--text);font-size:1.25rem;line-height:1;cursor:pointer}.map-settings-panel__group{display:grid;gap:.65rem;padding:.8rem;border:1px solid rgba(157,60,31,.16);border-radius:.9rem;background:rgba(255,251,242,.62)}.map-settings-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.map-settings-panel__toggle-copy{display:grid;gap:.12rem}.map-settings-panel__toggle-copy small{color:var(--muted)}.map-settings-panel__toggle-row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex:0 0 auto}.map-detail-slide-enter-active,.map-detail-slide-leave-active{transition:opacity .22s ease,transform .22s ease}.map-detail-slide-enter-from,.map-detail-slide-leave-to{opacity:0;transform:translate(18px)}.map-legend{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;overflow-x:auto;gap:1rem;margin:0;padding:.45rem 1.35rem;border:1px solid var(--line);border-radius:0;background:rgba(255,251,242,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.82rem;color:var(--muted)}.map-legend__items{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;min-width:0}.map-legend__size-control{margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;white-space:nowrap;flex:0 0 auto}.map-legend__size-control label{font-size:.78rem}.map-legend__size-control input[type=range]{width:160px}.map-legend__size-control strong{display:inline-block;width:3.4rem;text-align:left;font-variant-numeric:tabular-nums}.map-legend__item{flex:0 0 auto}.map-legend__item{display:flex;align-items:center;gap:.4rem}.map-legend__swatch{width:14px;height:14px;border:1px solid var(--line);border-radius:2px;flex-shrink:0}.map-legend__home{position:relative;width:14px;height:14px;border-radius:2px;background:var(--accent);box-shadow:inset 0 0 0 1px var(--line);flex-shrink:0}.map-legend__home:before{content:"";position:absolute;left:4px;top:6px;width:6px;height:5px;background:rgba(255,251,242,.98);border-radius:1px}.map-legend__icon{width:14px;height:14px;border-radius:2px;object-fit:contain;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #291f1847}.map-legend__dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #291f184d;flex-shrink:0}.map-legend__pill{min-width:14px;height:14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;color:#fff;font-size:9px;line-height:14px;font-weight:700;box-shadow:inset 0 0 0 1px #291f184d}.map-legend__home:after{content:"";position:absolute;left:3px;top:2px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(255,239,213,.98)}@media (max-width: 900px){.map-layout{grid-template-columns:1fr;padding:.5rem}.map-grid-wrap{height:auto}.map-detail-column{flex-direction:column;gap:.5rem}.map-detail{height:auto;overflow:visible}.live-map-settings--panel .live-map-settings__row{flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.4rem}.map-legend{gap:.7rem;padding:.45rem .5rem}.map-legend__size-control{margin-left:0}}.construction-section{margin-top:1.5rem}.construction-section__title{font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;display:flex;align-items:center;gap:.6rem}.construction-section__badge{font-size:.75rem;font-weight:600;background:rgba(49,140,60,.15);color:#1f5f32;border:1px solid rgba(49,140,60,.35);border-radius:999px;padding:.1em .6em;text-transform:none;letter-spacing:0}.construction-days{display:flex;flex-direction:column;gap:.1rem}.construction-day-block{padding:.5rem .75rem .6rem;border:1px solid var(--line);border-radius:.75rem;background:rgba(255,251,242,.72)}.construction-day-heading{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .4rem}.construction-list{list-style:none;margin:0 0 .35rem;padding:0;display:flex;flex-direction:column;gap:.15rem}.construction-list:last-child{margin-bottom:0}.construction-item{display:flex;align-items:baseline;gap:.45rem;font-size:.875rem;padding:.12rem 0}.construction-list--upgrades .construction-item:before{content:"↑";font-size:.7rem;color:#1f7a35;flex-shrink:0}.construction-item--upgrade{color:#1a5e2a}.construction-item__level{font-size:.78rem;font-weight:700;color:#2d8c42;white-space:nowrap}.construction-list--built .construction-item:before{content:"+";font-size:.75rem;color:var(--muted);flex-shrink:0}.construction-list--temporary .construction-item:before{content:"+";font-size:.75rem;color:#9a7000;flex-shrink:0}.construction-item--temporary{color:#7a5800}.construction-item__badge{font-size:.7rem;font-weight:600;padding:.05em .4em;border-radius:4px;background:rgba(180,140,0,.13);color:#9a7000;border:1px solid rgba(180,140,0,.3)}.construction-list--destroyed .construction-item:before{content:"✕";font-size:.65rem;color:#9c2a24;flex-shrink:0}.construction-item--destroyed{color:#7a2020;text-decoration:line-through;opacity:.75}.construction-item__name{flex:1}.construction-empty{font-size:.88rem;color:var(--muted);padding:.5rem 0}.routes-panel{display:flex;flex-direction:column;gap:.75rem;font-size:.88rem}.routes-header{display:flex;justify-content:flex-end}.routes-creation{background:rgba(255,251,242,.6);border:1px solid var(--line);border-radius:.5rem;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.55rem}.routes-creation__hint{margin:0;font-size:.82rem;color:var(--muted)}.routes-creation__fields{display:flex;flex-direction:column;gap:.4rem}.routes-field{display:flex;align-items:center;gap:.5rem}.routes-field__label{font-size:.8rem;color:var(--muted);min-width:3rem}.routes-field__input{flex:1;padding:.25rem .4rem;border:1px solid var(--line);border-radius:.3rem;background:var(--bg);color:var(--text);font:inherit;font-size:.85rem}.routes-field__input--short{max-width:4.5rem;flex:none}.routes-field__color{width:2.2rem;height:1.6rem;padding:0;border:1px solid var(--line);border-radius:.3rem;cursor:pointer;background:none}.routes-creation__actions{display:flex;gap:.4rem;flex-wrap:wrap}.routes-btn{padding:.28rem .65rem;border-radius:.35rem;border:none;font:inherit;font-size:.82rem;cursor:pointer;white-space:nowrap}.routes-btn:disabled{opacity:.45;cursor:not-allowed}.routes-btn--primary{background:var(--accent);color:#fff}.routes-btn--primary:not(:disabled):hover{background:var(--accent-strong)}.routes-btn--secondary{background:rgba(74,54,31,.1);color:var(--text)}.routes-btn--secondary:not(:disabled):hover{background:rgba(74,54,31,.18)}.routes-btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.routes-btn--ghost:hover{background:rgba(74,54,31,.06)}.routes-error{margin:0;font-size:.8rem;color:var(--error)}.routes-empty{margin:0;font-size:.85rem;color:var(--muted);padding:.25rem 0}.routes-list{display:flex;flex-direction:column;gap:.3rem}.routes-day-group{border:1px solid var(--line);border-radius:.4rem;overflow:hidden}.routes-day-group__summary{padding:.35rem .6rem;font-weight:600;font-size:.82rem;cursor:pointer;background:rgba(74,54,31,.05);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.3rem}.routes-day-group__summary:hover{background:rgba(74,54,31,.1)}.routes-day-group__count{font-weight:400;color:var(--muted)}.route-entry{display:flex;align-items:center;gap:.45rem;padding:.3rem .6rem;border-top:1px solid var(--line)}.route-entry--visible .route-entry__swatch{outline:2px solid rgba(74,54,31,.5);outline-offset:1px}.route-entry__toggle{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.route-entry__swatch{display:block;width:1rem;height:1rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.6)}.route-entry__name{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-entry__author{font-size:.78rem;color:var(--muted);margin-left:.25rem}.route-entry__delete{background:none;border:none;padding:0 .2rem;cursor:pointer;color:var(--muted);font-size:.75rem;flex-shrink:0}.route-entry__delete:hover{color:var(--error)}