:root{--navy:#071d26;--deep:#06151c;--teal:#103847;--gold:#d9af68;--cream:#f6ead3;--muted:#b5c1bd;--green:#81d693;--red:#ef9c87;--line:#b98d52;--panel:#082331;--shadow:0 14px 35px #06151c99}
.district-tabs{display:flex;gap:5px;padding:6px 12px;background:#092633;border-bottom:1px solid var(--line);overflow-x:auto}.district-tabs button{flex:1;min-width:80px;padding:6px 9px;background:#133744;color:#f3dfbb;border:1px solid #806746;border-radius:4px;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.7px;text-transform:uppercase}.district-tabs button.active{background:#e4c28b;color:#1a302f;border-color:#ffe0a7}.district-tabs button:hover:not(.active){background:#225264}.side-panel select{background:#f2e4ca;color:#122c35;border:1px solid #b98d52;border-radius:3px;padding:6px;margin:5px 8px 8px 0}.regional-map{height:320px;position:relative;overflow:hidden;margin:12px 0;border:2px solid #c2995d;border-radius:8px;background:radial-gradient(circle at 72% 25%,#77714c 0 7%,transparent 7.3%),radial-gradient(circle at 18% 25%,#365d45 0 17%,transparent 17.5%),radial-gradient(circle at 23% 69%,#657849 0 13%,transparent 13.5%),linear-gradient(135deg,#a89061 0%,#9b986b 34%,#7f8d69 65%,#7a755a 100%);box-shadow:inset 0 0 36px #17272a8c}.regional-map:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 34px,#f6e8c014 35px 36px),repeating-linear-gradient(90deg,transparent 0 34px,#f6e8c014 35px 36px);pointer-events:none}.map-route{position:absolute;height:3px;background:#dfd1ab99;transform-origin:left;box-shadow:0 1px 3px #26352c}.route-one{left:40%;top:55%;width:45%;transform:rotate(-5deg)}.route-two{left:28%;top:65%;width:25%;transform:rotate(-26deg)}.map-node{position:absolute;transform:translate(-50%,-50%);border:1px solid #d1b17c;border-radius:5px;background:#092d38e8;color:#f5e6ce;box-shadow:0 2px 7px #122728b8;padding:5px 7px;font:700 12px 'Barlow Condensed',sans-serif;white-space:nowrap;z-index:1}.map-node:hover,.map-node:focus-visible{background:#225b69;border-color:#fff0b4}.map-node.city{background:#5e3a28}.map-node.oil{background:#604626}.map-node.destination{background:#244d45}
.card>small{display:block;margin-top:5px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#06151c;color:var(--cream);font-family:'Nunito Sans',sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffdc8a;outline-offset:3px}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#051720,#112f37)}.topbar{min-height:95px;display:flex;align-items:center;gap:15px;padding:10px 16px;background:linear-gradient(#0b2a34,#061a24);border-bottom:3px double var(--gold);box-shadow:0 4px 16px #07101888;z-index:2}.brand{display:flex;align-items:center;gap:10px;min-width:255px;text-decoration:none}.brand-mark{font:64px 'Barlow Condensed',sans-serif;color:var(--gold);line-height:.9}.brand strong,.brand small,.headline span,.headline small{display:block}.brand strong{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand small{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--gold)}.headline{text-align:center;min-width:270px}.headline span{font:700 clamp(28px,3vw,45px) Georgia,serif;letter-spacing:2px}.headline small{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--gold)}.resource-strip{flex:1;display:grid;grid-template-columns:repeat(4,minmax(85px,1fr));gap:5px}.resource-chip{min-width:0;padding:6px 7px;border:1px solid #9b764790;border-radius:7px;background:#0b2b36;box-shadow:inset 0 1px #f4d6a72e}.resource-chip .res-label{display:block;white-space:nowrap;font:700 13px 'Barlow Condensed',sans-serif;color:#e5d2aa}.resource-chip b{display:block;font:800 20px 'Barlow Condensed',sans-serif;line-height:1.15}.resource-chip small{display:block;color:var(--green);font-size:10px;white-space:nowrap}.resource-chip.full small{color:var(--red)}.top-actions{display:flex;align-items:center;gap:7px}.icon-button,.save-indicator{background:#0b2c37;border:1px solid var(--line);color:var(--cream);border-radius:5px}.icon-button{width:34px;height:34px;font-weight:900}.save-indicator{padding:6px 8px;font-size:11px;color:var(--green);white-space:nowrap}.play-area{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;min-height:0}.city-column{min-width:0;display:flex;flex-direction:column}.city-scene{position:relative;flex:1;min-height:550px;background:#2c3a31;overflow:hidden}.city-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#071c2470,transparent 15%,transparent 76%,#06151c99);pointer-events:none}.scene-topline{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:8px;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;color:#ffe3a3;text-shadow:0 2px 3px #071018}.location-layer{position:absolute;inset:0}.location{position:absolute;transform:translate(-50%,-50%);background:#08232eea;border:1px solid var(--gold);border-radius:5px;padding:5px 9px;color:#fff1d7;text-transform:uppercase;letter-spacing:.4px;font:700 clamp(10px,1.1vw,14px) 'Barlow Condensed',sans-serif;white-space:nowrap;box-shadow:0 2px 9px #06151caa}.location:hover,.location.selected{background:#195169;border-color:#ffdd93;box-shadow:0 0 0 3px #f7cf6980,0 2px 9px #06151caa}.location.locked{border-style:dashed;color:#e6d2b6}.location .pin-status{margin-left:4px;color:#b5f4ba}.location.locked .pin-status{color:#eeb499}.location.building{animation:site-pulse 1.4s ease-in-out infinite alternate}@keyframes site-pulse{to{box-shadow:0 0 0 5px #ffc76b77,0 2px 9px #06151caa}}.scene-banner{position:absolute;bottom:13px;left:15px;max-width:min(540px,70%);padding:8px 12px;border:1px solid #d2aa65;border-radius:5px;background:#092633e9;font:700 15px 'Barlow Condensed',sans-serif;box-shadow:var(--shadow)}.city-bottom{min-height:92px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#0d3541,#071f2b);border-top:3px double var(--gold)}.city-motto{min-width:170px;display:grid;grid-template-columns:1fr 1fr;gap:1px;font:700 15px Georgia,serif;color:var(--gold)}.main-actions{flex:1;display:flex;gap:6px}.main-actions button{flex:1;min-width:0;min-height:64px;background:linear-gradient(145deg,#11495a,#092936);border:2px solid #b0874b;box-shadow:inset 0 1px #e5cd8a99,0 4px #07151c;color:var(--cream);font:700 clamp(14px,1.5vw,21px) Georgia,serif;white-space:nowrap}.main-actions button span{font:700 27px Georgia,serif;color:var(--gold);margin-right:4px}.main-actions button:hover,.main-actions button.active{background:#1b5463}.side-panel{background:linear-gradient(160deg,#0a2936,#071d26);border-left:3px double var(--gold);display:flex;flex-direction:column;min-width:0;max-height:calc(100vh - 130px);box-shadow:-8px 0 24px #07101888}.panel-head{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:8px 13px;border-bottom:1px solid #ad8758;color:var(--gold);font:700 16px Georgia,serif;letter-spacing:.5px}.panel-head button{width:30px;height:30px;background:#061820;border:1px solid #816541;color:#fff;border-radius:4px;font-size:25px;line-height:1}.panel-content{padding:13px;overflow:auto;scrollbar-color:#906e43 #071e27}.panel-content h1{font:700 29px Georgia,serif;line-height:1.12;margin:3px 0 9px}.panel-content h2{font:700 23px Georgia,serif;margin:14px 0 7px}.panel-content h3{font:700 18px Georgia,serif;margin:11px 0 6px}.panel-content p{font-size:14px;line-height:1.5;margin:6px 0 12px}.panel-content small{color:var(--muted)}.scenario-image{width:100%;height:125px;object-fit:cover;object-position:center 45%;border:1px solid var(--line);border-radius:4px;filter:sepia(.12)}.eyebrow{color:var(--gold);font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:1.3px}.card{padding:11px;background:#103542;border:1px solid #9f7b4e;border-radius:5px;margin:10px 0;box-shadow:inset 0 1px #f7dfb119}.card.ready{border-color:#d6ad70}.card.locked{opacity:.78}.card h3{margin:0 0 5px}.card p{margin:3px 0 8px}.card .meta{font-size:12px;color:#dfc798}.card button,.action-button{display:block;width:100%;min-height:42px;margin-top:9px;padding:7px 10px;background:#e7d2ab;color:#162d32;border:1px solid #b28347;border-radius:4px;font-weight:800;box-shadow:0 3px #704d2c}.card button:hover:not(:disabled),.action-button:hover:not(:disabled){background:#ffe4ad}.card button.secondary,.secondary-button{background:#0b2b38;border:1px solid #bf985f;color:#f3dbaf;box-shadow:none}.card .inline-actions{display:flex;gap:6px}.card .inline-actions button{min-width:0}.requirements{color:#ffc89c!important}.benefit{color:#aee3b3!important}.danger{color:#ffb19e!important}.muted{color:var(--muted)!important}.progress-track{height:12px;border:1px solid #a37c4b;border-radius:8px;background:#031219;overflow:hidden;margin:7px 0}.progress-track b{display:block;height:100%;background:linear-gradient(90deg,#b67b39,#f4d886)}.resource-table{width:100%;border-collapse:collapse;font-size:13px}.resource-table td{padding:6px 4px;border-bottom:1px solid #a1845955}.resource-table td:last-child{text-align:right;font-weight:800}.research-venue{display:flex;gap:8px;align-items:center}.research-venue span{font-size:28px}.research-node{border-left:3px solid #d2ad72}.research-node.done{border-color:#83d69d}.research-node.working{border-color:#ffdd7d}.research-node .node-head{display:flex;justify-content:space-between;gap:8px}.research-node .node-head b{font:700 17px Georgia,serif}.route-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.route-list button{padding:8px;background:#103847;border:1px solid #9d794d;color:#f5e7d1;text-align:left;border-radius:4px;font:700 14px 'Barlow Condensed',sans-serif}.route-list button.active{border-color:#ffdc91;background:#1c5362}.route-list button small{display:block;font:400 11px 'Nunito Sans',sans-serif}.job-line{font-size:12px;color:#e8c88e;margin:4px 0}.choice-group{display:grid;gap:7px}.choice{width:100%;text-align:left;background:#e5d0ae;border:1px solid #b38a50;border-radius:5px;padding:10px;color:#10252e}.choice strong,.choice small{display:block}.choice small{color:#233d44}.choice:disabled{opacity:.6}.statusbar{display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:37px;padding:5px 16px;background:#06161e;border-top:1px solid #926d41;font-size:11px;color:#d9c9ad}.statusbar a{color:#e6be7d}.start-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#07151cda url('assets/ciudad-1929-escena.png') center/cover}.start-overlay:before{content:'';position:absolute;inset:0;background:#06141cba}.start-overlay.hidden{display:none}.start-card{position:relative;width:min(520px,100%);padding:26px;background:linear-gradient(145deg,#0c3340,#071e2a);border:3px double #d3aa69;box-shadow:0 18px 70px #000c}.start-kicker{color:var(--gold);letter-spacing:3px;font:700 13px 'Barlow Condensed',sans-serif}.start-card h1{font:700 39px Georgia,serif;line-height:1.1;margin:10px 0}.start-card p{font-size:15px;line-height:1.5}.start-card label{display:block;font-weight:800;margin:16px 0 6px}.start-card select{width:100%;height:44px;padding:5px 9px;color:#102b34;background:#f7e8ce;border:2px solid var(--gold)}.start-card button{display:block;width:100%;margin:14px 0;padding:11px;background:var(--gold);border:1px solid #ffe6ac;font-size:17px;font-weight:800;color:#091e25}.start-card a{font-size:12px;color:#f0d39c}.start-note{font-size:12px!important;color:#c9c8bc}.toast{position:fixed;left:50%;bottom:57px;transform:translateX(-50%);z-index:30;max-width:min(600px,90vw);padding:8px 13px;background:#061f2a;color:#fff1d7;border:1px solid var(--gold);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s}.toast.show{opacity:1}
@media(max-width:1300px){.headline{min-width:200px}.brand{min-width:220px}.resource-strip{grid-template-columns:repeat(4,minmax(70px,1fr))}.resource-chip b{font-size:17px}.play-area{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:960px){.topbar{flex-wrap:wrap}.brand{min-width:210px}.headline{flex:1}.resource-strip{order:3;flex-basis:100%;grid-template-columns:repeat(4,1fr)}.play-area{display:flex;flex-direction:column}.city-scene{min-height:400px;aspect-ratio:1.7}.side-panel{max-height:none;min-height:360px;border-left:0;border-top:3px double var(--gold)}.city-bottom{min-height:80px}.city-motto{display:none}.statusbar{flex-wrap:wrap}}
@media(max-width:620px){.topbar{gap:6px;padding:8px}.brand{min-width:0;flex:1}.brand-mark{font-size:45px}.brand strong{font-size:19px}.brand small{font-size:9px}.headline{order:2;min-width:100%;text-align:left}.headline span{font-size:26px}.headline small{font-size:10px}.top-actions{order:1}.resource-strip{grid-template-columns:repeat(4,1fr)}.resource-chip{padding:4px}.resource-chip .res-label{font-size:11px}.resource-chip b{font-size:15px}.resource-chip small{font-size:9px}.city-scene{min-height:210px;aspect-ratio:1.6}.city-art{object-fit:fill}.location{font-size:10px;padding:4px 5px}.scene-topline{font-size:10px}.scene-banner{font-size:11px;max-width:90%;bottom:5px;left:5px}.city-bottom{padding:5px}.main-actions{gap:3px;overflow-x:auto}.main-actions button{font-size:11px;min-height:54px;padding:3px;min-width:64px}.main-actions button span{display:block;font-size:20px}.panel-content{padding:12px}.statusbar{font-size:10px}}