:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#bfe5f4}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%}#loading{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:linear-gradient(145deg,#17384a,#2e7182);transition:opacity .22s,visibility .22s}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{width:min(420px,calc(100% - 36px));padding:26px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:#081b27d1;box-shadow:0 22px 70px #00000047;text-align:center}.loading-card strong{display:block;font-size:20px;letter-spacing:.04em}.loading-card span{display:block;margin:12px 0 16px;color:#d5edf2;font-size:13px}.loading-track{height:8px;overflow:hidden;border-radius:8px;background:#ffffff29}.loading-track i{display:block;width:0;height:100%;border-radius:inherit;background:#ffe45c;transition:width .18s ease}#hud{position:fixed;inset:0;pointer-events:none}#message{position:absolute;left:50%;top:45%;transform:translate(-50%,-88%) scale(.94);width:max-content;max-width:min(260px,calc(100% - 28px));background:#0f2536b8;border:1px solid rgba(164,239,255,.68);border-radius:8px;padding:7px 10px;color:#e7f4f8;font-size:11px;line-height:1.25;text-align:center;text-wrap:balance;box-shadow:0 6px 18px #0000002e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .14s,transform .14s}#message.show{opacity:1;transform:translate(-50%,-88%) scale(1)}#message b{color:#ffe45c;font-size:13px}#message[data-kind=impact]{background:#5b1811d1;border-color:#ff765f;box-shadow:0 5px 18px #b02c1761}#message[data-kind=impact] b{color:#ffb09f}#message[data-kind=warning]{background:#4c3408d1;border-color:#ffc73d;box-shadow:0 5px 18px #d28c0a57}#message[data-kind=warning] b{color:#ffe17b}#message[data-kind=boost]{background:#074154d1;border-color:#60e5ff;box-shadow:0 0 18px #16b8d48c}#message[data-kind=boost] b{color:#9af2ff;text-shadow:0 0 8px rgba(96,229,255,.8)}#message[data-kind=reward]{background:#1c432ad1;border-color:#ffe45c;box-shadow:0 5px 18px #ffd83d47}#message[data-kind=reward] b{color:#ffe45c}#message.show[data-kind=impact]{animation:message-impact .24s ease-out}#message.show[data-kind=boost]{animation:message-boost .55s ease-out}@keyframes message-impact{35%{margin-left:-4px}65%{margin-left:4px}}@keyframes message-boost{45%{filter:brightness(1.35)}}.investment-coin{width:36px;height:36px;display:grid;place-items:center;flex:none;border:3px solid #fff0a0;border-radius:50%;background:#f3b51b;color:#664000;box-shadow:inset 0 0 0 3px #d98a08,0 2px 10px #00000047;font-size:12px;font-weight:950}#investmentCounter{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translate(-50%);min-width:126px;height:50px;display:flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border:1px solid rgba(255,240,160,.75);border-radius:8px;background:#0d2639d6;box-shadow:0 8px 24px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#investmentCounter small{display:block;color:#bfe7f2;font-size:9px;font-weight:850;line-height:1}#investmentCounter strong{display:block;min-width:52px;margin-top:3px;color:#ffe45c;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}#investmentValue.bump{animation:investment-bump .24s ease-out}@keyframes investment-bump{45%{color:#fff;transform:scale(1.3);text-shadow:0 0 12px #ffe45c}}.flying-investment-coin{position:fixed;left:-18px;top:-18px;z-index:80;width:36px;height:36px;display:grid;place-items:center;border:3px solid #fff2a8;border-radius:50%;background:#f3b51b;color:#664000;box-shadow:inset 0 0 0 3px #d98a08,0 0 10px #fff,0 0 24px #ffd83df2;font-size:11px;font-weight:950;pointer-events:none;will-change:transform,opacity}.flying-investment-coin:before,.flying-investment-coin:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:24px;border-radius:50%;background:linear-gradient(transparent,#fff8bd,transparent);transform:translate(-50%,-50%);animation:coin-sparkle-spin .32s linear infinite}.flying-investment-coin:after{transform:translate(-50%,-50%) rotate(90deg);animation-direction:reverse}@keyframes coin-sparkle-spin{to{transform:translate(-50%,-50%) rotate(180deg)}}.controls{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:space-between;padding:0 18px;pointer-events:auto}.cluster{display:flex;gap:10px}.btn{width:62px;height:62px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:#0d2639b3;color:#fff;font-size:25px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000002e}.btn:active{transform:scale(.94);background:#1d5275e6}#start{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#b7e5f759,#2c607a40);pointer-events:auto}.card{width:min(520px,calc(100% - 32px));padding:24px;border-radius:26px;background:#0b2334e0;border:1px solid rgba(255,255,255,.28);text-align:center;box-shadow:0 24px 80px #0000004d}.card h1{margin:0 0 6px;font-size:clamp(28px,7vw,48px);line-height:.95}.card p{margin:10px 0 18px;color:#d9eff7}.card button{border:0;border-radius:999px;padding:13px 24px;font-size:18px;font-weight:900;cursor:pointer;background:#ffe45c;color:#142b3a}.small{font-size:12px;opacity:.8;margin-top:12px}@media(min-width:900px){.controls{bottom:24px;padding:0 30px}.btn{width:68px;height:68px}}@media(pointer:coarse){.controls{display:none}}#obrasBtn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:14px;min-width:126px;height:50px;pointer-events:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;border:1px solid rgba(143,234,255,.85);border-radius:8px;background:#0d2639e0;color:#fff;padding:6px 13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000003d,inset 3px 0 #16b8d4;font-weight:850}#obrasBtn:active{transform:scale(.96);background:#1d5275f5}#obrasBtn .obras-btn-title{grid-row:1 / 3;display:flex;align-items:center;font-size:14px}#obrasBtn .obras-btn-count{align-self:end;font-size:16px;line-height:1;color:#ffe45c;font-variant-numeric:tabular-nums}#obrasBtn:after{content:"DESCUBIERTAS";align-self:start;color:#bfe7f2;font-size:8px;line-height:1}#obrasBtn.celebrate{animation:obras-counter-celebrate .46s ease-out}#obrasBtn .obras-btn-count.bump{animation:obras-count-bump .46s ease-out}@keyframes obras-counter-celebrate{38%{transform:scale(1.12);border-color:#ffe45c;box-shadow:0 0 0 4px #ffe45c38,0 0 28px #16b8d4cc}}@keyframes obras-count-bump{38%{color:#fff;transform:scale(1.28);text-shadow:0 0 10px #ffe45c}}.obras-counter-increment{position:absolute;right:-20px;top:15px;color:#ffe45c;font-size:12px;font-weight:950;text-shadow:0 0 8px rgba(255,216,61,.9),0 2px 4px rgba(0,0,0,.8);pointer-events:none;animation:obras-increment-float .6s ease-out both}@keyframes obras-increment-float{0%{opacity:0;transform:translateY(6px) scale(.75)}30%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-12px) scale(1)}}.obra-pickup-card{position:fixed;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 18px));z-index:65;width:min(210px,62vw);display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.9);transform:translate(-50%);pointer-events:none}.obra-pickup-card[hidden]{display:none}.obra-pickup-card.is-entering{animation:obra-pickup-enter .42s cubic-bezier(.2,.84,.3,1.18) both}@keyframes obra-pickup-enter{0%{opacity:0;transform:translate(-50%,12px) scale(.88)}68%{opacity:1;transform:translate(-50%,-2px) scale(1.025)}to{opacity:1;transform:translate(-50%) scale(1)}}.obra-pickup-title{position:relative;overflow:hidden;max-width:100%;padding:3px 7px;border:1px solid rgba(255,228,92,.65);border-radius:7px;background:#412b05b8;color:#ffe45c;font-size:12px;font-weight:950;line-height:1.05;text-shadow:0 0 8px rgba(255,228,92,.85),0 2px 5px rgba(0,0,0,.9);box-shadow:0 0 10px #ffe45c6b,0 4px 14px #0003}.obra-pickup-title:after{content:"";position:absolute;inset:-35% auto -35% -35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,220,.7),transparent);transform:skew(-18deg)}.obra-pickup-card.is-entering .obra-pickup-title{animation:obra-title-enter .35s cubic-bezier(.2,.84,.3,1.16)}.obra-pickup-card.is-entering .obra-pickup-title:after{animation:obra-title-shine .72s ease-out}@keyframes obra-title-enter{0%{opacity:0;filter:brightness(1.55);transform:translateY(6px) scale(.86)}70%{transform:translateY(-1px) scale(1.025)}}@keyframes obra-title-shine{to{left:115%}}.obra-pickup-photo{position:relative;flex:0 0 auto;box-sizing:border-box;width:100%;aspect-ratio:1.58;overflow:visible;padding:3px;border:1px solid #e4c35e;border-radius:8px;background:#ffe45c14;box-shadow:0 0 12px #ffcd376b,0 6px 18px #00000059}.obra-pickup-card.is-entering .obra-pickup-photo{animation:obra-photo-glow .72s ease-out both}@keyframes obra-photo-glow{0%{box-shadow:0 0 8px #ffcd3733,0 6px 18px #00000059}42%{box-shadow:0 0 8px #fff5b9e6,0 0 25px #ffcd37d1,0 6px 18px #00000059}to{box-shadow:0 0 12px #ffcd376b,0 6px 18px #00000059}}.obra-pickup-photo:before,.obra-pickup-photo:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff1a0;box-shadow:0 0 5px #ffe45c}.obra-pickup-photo:before{left:-7px;top:28%}.obra-pickup-photo:after{right:-8px;bottom:22%}.obra-pickup-photo img{width:100%;height:100%;display:block;border-radius:7px;object-fit:cover;object-position:center;background:#17384a}.obra-pickup-particles{position:absolute;inset:0;pointer-events:none}.obra-pickup-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff2a2;box-shadow:0 0 6px #ffd54a;opacity:0}.obra-pickup-particles i:nth-child(1){left:3%;top:5%;--spark-x:-13px;--spark-y:-15px;--spark-delay:.02s}.obra-pickup-particles i:nth-child(2){left:48%;top:-1%;--spark-x:3px;--spark-y:-17px;--spark-delay:.08s}.obra-pickup-particles i:nth-child(3){right:2%;top:12%;--spark-x:14px;--spark-y:-11px;--spark-delay:.04s}.obra-pickup-particles i:nth-child(4){right:1%;bottom:8%;--spark-x:13px;--spark-y:-8px;--spark-delay:.14s}.obra-pickup-particles i:nth-child(5){left:30%;bottom:-1%;--spark-x:-3px;--spark-y:-14px;--spark-delay:.12s}.obra-pickup-particles i:nth-child(6){left:1%;bottom:13%;--spark-x:-14px;--spark-y:-9px;--spark-delay:.18s}.obra-pickup-card.is-entering .obra-pickup-particles i{animation:obra-particle-drift .7s var(--spark-delay) ease-out both}@keyframes obra-particle-drift{0%{opacity:0;transform:translate(0) scale(.6)}22%{opacity:.9}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1.25)}}.obra-pickup-name{flex:0 0 auto;display:-webkit-box;width:100%;max-width:100%;overflow:hidden;color:#fff;font-size:14px;line-height:1.15;overflow-wrap:anywhere;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2}.obra-pickup-category{display:flex;align-items:center;justify-content:center;gap:5px;color:#ffe08a;font-size:10px;font-weight:800}.obra-pickup-category i{display:inline-grid;place-items:center;width:13px;height:13px;font-style:normal;line-height:1}.obra-pickup-category i:before{content:"◆";font-size:9px}.obra-pickup-card[data-category=vias] .obra-pickup-category i:before{content:"╱╲";font-size:8px}.obra-pickup-card[data-category=agua] .obra-pickup-category i:before{content:"◒"}.obra-pickup-card[data-category=parques] .obra-pickup-category i:before{content:"♧";font-size:13px}.obra-pickup-card[data-category=patrimonio] .obra-pickup-category i:before{content:"▥"}.obra-pickup-card[data-category=salud] .obra-pickup-category i:before{content:"+";font-size:14px;font-weight:950}@media(max-width:600px){.obra-pickup-card{width:min(190px,58vw);gap:6px}.obra-pickup-title{font-size:11px}.obra-pickup-name{font-size:13px}.obra-pickup-category{font-size:9px}}@media(max-width:480px){#investmentCounter{left:auto;right:10px;transform:none;min-width:122px}#obrasBtn{left:10px;min-width:122px}}.all-obras-complete{position:fixed;inset:0;z-index:70;display:grid;place-items:center;overflow:hidden;padding:18px;background:#061620c7;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.all-obras-complete.hidden{display:none}.all-obras-panel{position:relative;z-index:2;width:min(430px,100%);padding:28px 24px 24px;border:2px solid #ffe45c;border-radius:8px;background:#0b2334f7;box-shadow:0 0 0 5px #16b8d433,0 24px 80px #0000006b;text-align:center;animation:all-obras-enter .48s cubic-bezier(.2,.8,.25,1)}.all-obras-crown{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border:2px solid #fff0a0;border-radius:50%;background:#f3b51b;color:#fff;font-size:25px;box-shadow:0 0 24px #ffe45cad}.all-obras-panel h2{margin:0;color:#ffe45c;font-size:28px}.all-obras-panel p{margin:10px 0 22px;color:#e7f4f8;font-size:17px;font-weight:750}.all-obras-actions{display:grid;gap:9px}.all-obras-actions button{min-height:43px;border:1px solid rgba(143,234,255,.72);border-radius:7px;background:#116b86;color:#fff;font-size:13px;font-weight:900;cursor:pointer}.all-obras-actions button:first-child{background:#ffe45c;border-color:#ffe45c;color:#142b3a}.all-obras-actions button:last-child{background:#168c4b;border-color:#55d98d}.all-obras-actions button:active{transform:scale(.98)}.all-obras-confetti{position:absolute;inset:0;z-index:1;pointer-events:none}.all-obras-confetti i{position:absolute;left:var(--x);top:-20px;width:9px;height:16px;background:var(--color);animation:all-obras-confetti var(--duration) var(--delay) linear infinite}@keyframes all-obras-enter{0%{opacity:0;transform:translateY(18px) scale(.88)}65%{transform:translateY(-4px) scale(1.03)}}@keyframes all-obras-confetti{to{transform:translate(var(--drift),calc(100vh + 40px)) rotate(720deg)}}.obras-album{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#06121cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.obras-album.hidden{display:none}.obras-album-panel{width:min(920px,calc(100% - 24px));height:min(720px,calc(100% - 24px));display:flex;flex-direction:column;background:linear-gradient(160deg,#0e2637f5,#091a27f5);border:1px solid rgba(255,255,255,.22);border-radius:22px;box-shadow:0 30px 90px #0006;overflow:hidden}.obras-album-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 6px}.obras-album-header h2{margin:0;font-size:clamp(18px,3.2vw,26px);letter-spacing:.04em;color:#ffe45c}.obras-album-progress{margin:2px 0 0;color:#d9eff7;font-size:12px}.obras-album-total{flex:none;margin-left:auto;margin-right:8px;font-size:12px;font-weight:800;color:#b9d7e0;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 11px}.obras-album-close{flex:none;border:1px solid rgba(255,255,255,.35);background:#ffffff14;color:#fff;border-radius:12px;width:34px;height:34px;font-size:15px;cursor:pointer}.obras-album-filters{display:flex;flex-wrap:wrap;gap:8px;padding:8px 20px}.obras-filter-btn{border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#d9eff7;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;cursor:pointer}.obras-filter-btn.active{background:#ffe45c;color:#142b3a;border-color:#ffe45c}.obras-album-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:200px;align-content:start;gap:12px;padding:6px 20px 20px}.obra-card{height:100%;display:flex;flex-direction:column;text-align:left;border:2px solid transparent;border-radius:16px;background:#ffffff0d;overflow:hidden;cursor:pointer;padding:0;color:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.obra-card.unlocked{border-color:#16b8d4;box-shadow:0 0 0 1px #16b8d42e,0 8px 20px #0879b82e}.obra-card.unlocked:hover{border-color:#ffd62e;box-shadow:0 0 0 1px #ffd62e57,0 10px 26px #e9a90b47;transform:translateY(-2px)}.obra-card.locked{cursor:default;border-color:#ffd62e;box-shadow:0 0 0 1px #ffd62e29,0 7px 18px #e9a90b24}.obra-card-media{flex:0 0 150px;width:100%;height:150px;background:#00000059;display:flex;align-items:center;justify-content:center;overflow:hidden}.obra-card-media img{width:100%;height:100%;object-fit:cover;display:block}.obra-card-locked-media{flex-direction:column;gap:4px;background:linear-gradient(#082637b8,#061825db),#0879b8;box-shadow:inset 0 0 34px #16b8d447}.obra-card-lock{font-size:22px;color:#8feaff;opacity:.92;filter:drop-shadow(0 0 7px rgba(22,184,212,.55))}.obra-card-mystery{font-size:15px;font-weight:900;color:#8feaff;letter-spacing:.08em;text-shadow:0 0 8px rgba(22,184,212,.45)}.obra-card-body{flex:1;min-height:0;padding:8px 10px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}.obra-card.locked .obra-card-body{align-items:center;text-align:center;color:#8fa8b3}.obra-card-body strong{font-size:12.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.obra-card-loc{font-size:11px;color:#b9d7e0}.obras-detail{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#040c13b3}.obras-detail.hidden{display:none}.obras-detail-panel{position:relative;width:min(560px,calc(100% - 24px));max-height:calc(100% - 24px);overflow-y:auto;background:linear-gradient(160deg,#0e2637fa,#091a27fa);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:20px;box-shadow:0 30px 90px #00000073}.obras-detail-photo{width:100%;border-radius:14px;margin-bottom:12px;display:block}.obras-detail-cat{display:inline-block;margin:2px 0 8px;font-size:12px;color:#ffe45c;font-weight:800}.obras-detail-loc,.obras-detail-estado{margin:0 0 8px;font-size:13px;color:#d9eff7}.obras-detail-desc{font-size:13px;line-height:1.5;color:#e7f4f8}.obras-detail-link{display:inline-block;margin-top:14px;border:0;border-radius:999px;padding:10px 18px;background:#ffe45c;color:#142b3a;font-weight:900;text-decoration:none;font-size:13px}.obra-toast{position:fixed;left:50%;bottom:max(96px,calc(env(safe-area-inset-bottom,0px) + 86px));transform:translate(-50%,14px);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.obra-toast.show{opacity:1;transform:translate(-50%)}.obra-toast-card{width:min(360px,88vw);text-align:left;background:#0b2334f0;border:2px solid #ffe45c;border-radius:16px;padding:10px 12px;box-shadow:0 20px 60px #00000059}.obra-toast.show .obra-toast-card{animation:obra-unlocked-celebrate .58s cubic-bezier(.2,.8,.25,1)}@keyframes obra-unlocked-celebrate{0%{transform:translateY(20px) scale(.82);filter:brightness(1.8)}55%{transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 5px #ffe45c2e,0 18px 55px #16b8d48c}to{transform:none;filter:brightness(1)}}.obra-toast-title{display:block;font-size:10px;letter-spacing:.06em;color:#ffe45c;font-weight:900;margin-bottom:6px;text-align:center}.obra-toast-row{display:flex;align-items:center;gap:10px}.obra-toast-photo{flex:0 0 auto;width:88px;height:66px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}.obra-toast-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.obra-toast-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.2}.obra-toast-loc{display:block;font-size:10.5px;color:#d9eff7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obra-toast-points{display:block;font-size:14px;font-weight:900;color:#ffe45c;margin-top:2px}.obra-toast-footer{display:block;font-size:10.5px;color:#9fd6a8;font-weight:800}@media(min-width:640px){.obra-toast-card{width:min(420px,60vw);padding:12px 16px}.obra-toast-photo{width:104px;height:78px}.obra-toast-card strong{font-size:14px}}@media(max-width:480px){.obra-toast-card{width:min(300px,90vw);padding:9px 10px}.obra-toast-photo{width:76px;height:57px}}@media(max-width:860px){.obras-album-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.obras-album-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:460px){.obras-album-panel{border-radius:14px}.obras-album-header{padding:12px 14px 4px}.obras-album-filters{padding:6px 14px;gap:6px}.obras-filter-btn{padding:6px 10px;font-size:11px}.obras-album-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:172px;gap:9px;padding:5px 14px 14px}.obra-card-media{flex-basis:120px;height:120px}.obra-card-body{padding:6px 8px 8px}}