:root{--brand-primary: #1b2547;--brand-primary-light: #2a3a78;--brand-accent: #f2b53c;--brand-accent-light: #fbd267;--brand-success: #1fb47a;--brand-negative: #e5484d;--surface-bg: #eef1f7;--surface-bg-2: #e5e9f2;--surface-card: #ffffff;--surface-raised: #ffffff;--surface-border: #e0e4ee;--text: #11151f;--text-muted: #636b7b;--map-ground: #dfe6ef;--map-sea: #bcd6ea;--map-park: #cfe6cd;--map-avenue: #ffffff;--map-label: #1b2547;--district-0: #cdefdc;--district-1: #d9ecc6;--district-2: #fbe3b3;--district-3: #f4c4bf;--district-stroke: rgba(27, 37, 71, .14);--shadow-sm: 0 1px 2px rgba(17, 21, 31, .06), 0 2px 8px rgba(17, 21, 31, .05);--shadow-md: 0 8px 24px rgba(17, 21, 31, .12);--shadow-lg: 0 20px 48px rgba(17, 21, 31, .22);--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", "Montserrat", "Sora", system-ui, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-pill: 999px}@media(prefers-color-scheme:dark){:root{--surface-bg: #0d1120;--surface-bg-2: #11162a;--surface-card: #171d33;--surface-raised: #1d2440;--surface-border: #2a3252;--text: #eef1f8;--text-muted: #9aa4bd;--map-ground: #141a30;--map-sea: #16233f;--map-park: #1a2e26;--map-avenue: rgba(255, 255, 255, .08);--map-label: #eef1f8;--district-0: #1c4436;--district-1: #2a4630;--district-2: #4a3d1f;--district-3: #4d2724;--district-stroke: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 28px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 600px at 100% -10%,var(--surface-bg-2),transparent 60%),var(--surface-bg);-webkit-font-smoothing:antialiased}.app{min-height:100vh}.app--loading{display:grid;place-items:center;min-height:100vh}.app__main{max-width:1180px;margin:0 auto;padding:16px 16px 64px;display:flex;flex-direction:column;gap:16px}.match-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:10px 16px;background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-primary));color:#f7f8fb;box-shadow:var(--shadow-md)}.match-header__brand{display:flex;align-items:center;gap:12px}.match-header__logo{width:38px;height:38px;border-radius:10px}.match-header h1{font-family:var(--font-display);font-size:20px;margin:0;line-height:1.1}.match-header__date{margin:2px 0 0;font-size:12px;opacity:.85}.match-header__metrics{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}.mini-metric{display:flex;align-items:center;gap:8px;color:#f7f8fb}.mini-metric>div{display:flex;flex-direction:column;line-height:1.15}.mini-metric__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.mini-metric__value{font-family:var(--font-display);font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}.panel{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-sm)}.panel--accent{border-color:var(--brand-accent);background:linear-gradient(180deg,rgba(242,181,60,.08),transparent 40%),var(--surface-card)}.panel__title{font-family:var(--font-display);font-size:16px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel__head .panel__title{margin:0}.grid{display:grid;gap:12px}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.muted{color:var(--text-muted);font-size:13px;margin:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row--between{justify-content:space-between}.banner{max-width:640px;margin:24px auto;background:color-mix(in srgb,var(--brand-accent) 18%,var(--surface-card));border:1px solid var(--brand-accent);border-radius:var(--r-md);padding:12px 14px;font-size:14px}.hud__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.metric{display:flex;align-items:center;gap:10px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--r-md);padding:12px;box-shadow:var(--shadow-sm)}.metric__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-sm);background:color-mix(in srgb,currentColor 14%,transparent);flex:0 0 auto}.metric__body{min-width:0}.metric__label{font-size:12px;color:var(--text-muted);margin:0 0 2px}.metric__value{font-family:var(--font-display);font-size:19px;font-weight:600;margin:0;font-variant-numeric:tabular-nums}.progress-banner{display:flex;align-items:center;gap:12px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--shadow-sm)}.progress-banner__icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:var(--r-sm);color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 16%,transparent)}.progress-banner__body{flex:1;min-width:0}.progress-banner__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.progress-banner__milestone{margin:0;font-family:var(--font-display);font-size:16px;font-weight:600}.progress-banner__wealth{font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.progress-banner__next{margin:0;font-size:12px}.progress-banner__fill{background:linear-gradient(90deg,var(--brand-accent),var(--brand-accent-light))}.gameover{width:min(460px,100%);border-color:var(--brand-negative)}.gameover__body{gap:12px;text-align:center;padding:24px}.gameover__kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-negative)}.gameover__title{margin:0;font-family:var(--font-display);font-size:24px}.gameover__lead{font-size:14px}.gameover .btn{align-self:center;margin-top:4px}button{font:inherit;cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--surface-border);background:var(--surface-raised);color:var(--text);padding:8px 14px;transition:background .15s ease,transform .1s ease,border-color .15s ease}button:hover{border-color:var(--brand-primary-light)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{background:var(--brand-accent);border-color:var(--brand-accent);color:#11151f;font-weight:600}button.secondary{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;border-radius:var(--r-pill)}.btn--sm{padding:6px 12px;font-size:13px}.btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#f7f8fb}.btn--primary:hover{background:var(--brand-primary-light)}.btn--ghost{background:transparent;color:var(--text)}.btn--danger{background:transparent;border-color:var(--brand-negative);color:var(--brand-negative)}.btn--danger:hover{background:color-mix(in srgb,var(--brand-negative) 12%,transparent)}.badge{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.badge--positive{background:color-mix(in srgb,var(--brand-success) 18%,transparent);color:var(--brand-success)}.badge--warning{background:color-mix(in srgb,var(--brand-accent) 22%,transparent);color:color-mix(in srgb,var(--brand-accent) 70%,var(--text))}.badge--muted{background:color-mix(in srgb,var(--text-muted) 16%,transparent);color:var(--text-muted)}.badge--lvl0{background:color-mix(in srgb,var(--brand-success) 18%,transparent);color:var(--brand-success)}.badge--lvl1{background:color-mix(in srgb,var(--brand-success) 14%,transparent);color:var(--brand-success)}.badge--lvl2{background:color-mix(in srgb,var(--brand-accent) 22%,transparent);color:color-mix(in srgb,var(--brand-accent) 70%,var(--text))}.badge--lvl3{background:color-mix(in srgb,var(--brand-negative) 18%,transparent);color:var(--brand-negative)}.chip{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.chip--vacio{background:color-mix(in srgb,var(--text-muted) 16%,transparent);color:var(--text-muted)}.chip--publicado{background:color-mix(in srgb,var(--brand-accent) 22%,transparent);color:color-mix(in srgb,var(--brand-accent) 70%,var(--text))}.chip--alquilado{background:color-mix(in srgb,var(--brand-success) 18%,transparent);color:var(--brand-success)}.bar{height:8px;border-radius:var(--r-pill);background:var(--surface-bg-2);overflow:hidden;margin:4px 0}.bar--sm{height:6px;flex:1}.bar__fill{height:100%;border-radius:var(--r-pill);background:var(--brand-primary-light);transition:width .4s ease}.field{display:flex;flex-direction:column;gap:4px;margin:6px 0}.field--inline{flex-direction:row;align-items:center;gap:8px;margin:0}.field__label{font-size:12px;color:var(--text-muted)}input[type=number],select{font:inherit;color:var(--text);background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--r-sm);padding:7px 10px}input[type=number]{max-width:160px}.linklike{border:none;background:none;padding:0;color:var(--brand-primary-light);text-decoration:underline;border-radius:0}.board{display:grid;grid-template-columns:1fr;gap:16px}.board--with-aside{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}@media(max-width:860px){.board--with-aside{grid-template-columns:1fr}}.map__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.map__head .panel__title{margin:0}.map__canvas{width:100%;border-radius:var(--r-md);overflow:hidden;background:var(--map-ground);border:1px solid var(--surface-border)}.map__svg{width:100%;height:auto;display:block}.map__sea{fill:var(--map-sea)}.map__park{fill:var(--map-park)}.map__avenue{stroke:var(--map-avenue);stroke-width:8;stroke-linecap:round;opacity:.8}.map__district{stroke:var(--district-stroke);stroke-width:1.5;cursor:pointer;outline:none}.map__district--lvl0{fill:var(--district-0)}.map__district--lvl1{fill:var(--district-1)}.map__district--lvl2{fill:var(--district-2)}.map__district--lvl3{fill:var(--district-3)}.map__district.has-props{stroke:var(--brand-primary-light);stroke-width:2}.map__district.is-selected,.map__district:focus-visible{stroke:var(--brand-accent);stroke-width:3.5}.map__district-name{fill:var(--map-label);font-family:var(--font-display);font-size:15px;font-weight:600;pointer-events:none}.map__district-value{fill:var(--map-label);opacity:.72;font-size:13px;font-variant-numeric:tabular-nums;pointer-events:none}.map__pin{cursor:pointer;outline:none}.map__pin-dot{fill:var(--text-muted);stroke:#fff;stroke-width:2}@media(prefers-color-scheme:dark){.map__pin-dot{stroke:#0d1120}}.map__pin--vacio .map__pin-dot{fill:#8b93a7}.map__pin--publicado .map__pin-dot{fill:var(--brand-accent)}.map__pin--alquilado .map__pin-dot{fill:var(--brand-success)}.map__pin-glyph{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.map__pin--vacio .map__pin-glyph{display:none}.map__pin-warn{fill:var(--brand-negative);stroke:#fff;stroke-width:1.5}.map__pin-mortgage{fill:var(--brand-primary-light);stroke:#fff;stroke-width:1}.map__pin-halo{fill:none;stroke:var(--brand-accent);stroke-width:2.5}.map__pin.is-selected .map__pin-dot,.map__pin:focus-visible .map__pin-dot{stroke:var(--brand-accent);stroke-width:3}.map__legend{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:10px 0 0;padding:0;font-size:12px;color:var(--text-muted)}.map__legend li{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.dot--vacio{background:#8b93a7}.dot--publicado{background:var(--brand-accent)}.dot--alquilado{background:var(--brand-success)}.dot--reforma{background:var(--brand-negative)}.zone-panel__stats{display:flex;align-items:center;gap:10px;margin-bottom:12px}.zone-panel h4{margin:14px 0 6px;font-size:13px}.zone-panel__demand{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.zone-panel__demand li{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px;font-size:12px}.zone-panel__demand .bar__fill{background:var(--brand-accent)}.zone-panel__props{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.market-card,.prop-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--r-md);padding:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.market-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.market-card__title{margin:0;font-size:15px;font-family:var(--font-display)}.market-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.market-card__stats dt{font-size:11px;color:var(--text-muted)}.market-card__stats dd{margin:2px 0 0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.market-card__actions{display:flex;gap:8px;margin-top:auto}.market-card__actions .btn{flex:1}.prop-card{cursor:pointer;outline:none}.prop-card:focus-visible{border-color:var(--brand-accent)}.prop-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.prop-card__head h3{margin:0;font-size:15px;display:flex;align-items:center;gap:6px}.prop-card__cond{display:flex;flex-direction:column;gap:2px;font-size:12px}.prop-card__foot{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;inset:0;background:#090c168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;z-index:60}.modal{width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.modal__head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;background:var(--surface-card);border-bottom:1px solid var(--surface-border)}.modal__head h3{margin:0;font-family:var(--font-display);font-size:18px}.modal__close{border:none;background:transparent;font-size:22px;line-height:1;padding:4px 8px;color:var(--text-muted)}.modal__body{padding:16px;display:flex;flex-direction:column;gap:8px}.detail__section{border-top:1px solid var(--surface-border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.detail__section:first-child{border-top:none;padding-top:0}.detail__section h4{margin:0;font-size:14px;display:flex;align-items:center;gap:6px}.detail__section .btn{align-self:flex-start}.candidatos,.ofertas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.candidato,.oferta{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--r-sm);padding:8px 10px}.candidato__info,.oferta__info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}.candidato__actions{display:flex;gap:6px;flex:0 0 auto}.decision{overflow:hidden;border:1px solid var(--surface-border);border-radius:var(--r-md);padding:12px;margin-bottom:8px;background:var(--surface-bg)}.decision__narrative{margin:0 0 4px;font-weight:500}.decision__date{margin:0 0 8px}.decision__options{display:flex;gap:8px;flex-wrap:wrap}.time-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.time-controls__hint{margin:12px 0 0}kbd{font-family:var(--font-body);font-size:11px;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:6px;padding:1px 6px}.tray{position:relative;flex:0 0 auto}.tray__bell{position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:var(--r-pill);background:#ffffff24;border-color:#ffffff47;color:#f7f8fb}.tray__bell:hover{background:#ffffff3d}.tray__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--brand-negative);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.tray__panel{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,90vw);max-height:70vh;overflow-y:auto;background:var(--surface-card);color:var(--text);border:1px solid var(--surface-border);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:50;padding:8px}.tray__head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px}.tray__clear{font-size:12px;padding:4px 10px}.tray__empty{padding:12px 8px}.tray__list{list-style:none;margin:0;padding:0}.tray__item{display:flex;gap:8px;padding:8px;border-top:1px solid var(--surface-border)}.tray__dot{flex:0 0 auto;width:8px;height:8px;border-radius:999px;margin-top:6px}.tray__body{min-width:0}.tray__title{font-weight:600;font-size:14px}.tray__detail{font-size:13px;margin-top:2px}.tray__date{margin-top:4px;font-size:11px}.toaster{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:70;max-width:min(360px,90vw)}.toast{position:relative;background:var(--surface-card);border:1px solid var(--surface-border);border-inline-start:4px solid var(--brand-accent);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:10px 32px 10px 12px}.toast__title{font-weight:600;font-size:14px}.toast__detail{font-size:13px;margin-top:2px;color:var(--text-muted)}.toast__close{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;font-size:16px;line-height:1;border:none;background:transparent;color:var(--text-muted)}@media(max-width:680px){.match-header{flex-wrap:wrap}.match-header__metrics{order:3;width:100%;gap:12px;justify-content:space-between}.mini-metric__value{font-size:15px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}