:root{--bg:#061421;--bg2:#081d2b;--panel:#0b2130;--panel2:#0e2a3a;--line:#174255;--text:#f4fbff;--muted:#8eacba;--cyan:#57ebff;--teal:#42f1c8;--lime:#bffa68;--yellow:#ffd85a;--pink:#ff6fb8;--red:#ff6679;--blue:#67a8ff;--shadow:0 18px 45px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 50% -15%,#194758 0,#0a2332 34%,#061421 70%);overscroll-behavior:none}button{font:inherit;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}#app{max-width:780px;margin:0 auto;min-height:100svh;position:relative;padding-bottom:94px}.hidden{display:none!important}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}.topbar{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:12px 14px;position:sticky;top:0;z-index:1000;background:rgba(5,19,31,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(90,230,255,.15)}.profile-chip{display:flex;align-items:center;gap:9px}.avatar,.big-avatar{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#1b3850,#0a1520);border:2px solid var(--yellow);box-shadow:0 0 0 4px rgba(255,216,90,.07)}.avatar{width:44px;height:44px}.big-avatar{width:78px;height:78px;border-radius:24px}.pixel-face i{position:absolute;top:13px;width:5px;height:5px;background:#d9faff}.pixel-face i:first-child{left:10px}.pixel-face i:nth-child(2){right:10px}.pixel-face b{position:absolute;width:18px;height:9px;border-radius:0 0 10px 10px;background:#ff9977;left:50%;bottom:9px;transform:translateX(-50%)}.big-avatar.pixel-face i{top:24px;width:8px;height:8px}.big-avatar.pixel-face i:first-child{left:19px}.big-avatar.pixel-face i:nth-child(2){right:19px}.big-avatar.pixel-face b{width:30px;height:14px;bottom:16px}.profile-meta strong{font-size:13px}.xp{width:68px;height:6px;margin-top:5px;border-radius:9px;background:#173548;overflow:hidden}.xp span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));width:0}.brand{background:none;border:0;text-align:center;cursor:pointer}.brand span{display:block;font-size:26px;font-weight:1000;letter-spacing:.15em;background:linear-gradient(180deg,#e8fffc,#69efff 52%,#5a9dff);-webkit-background-clip:text;color:transparent}.brand small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#73e8f2}.economy{justify-self:end;display:grid;gap:5px}.economy span{padding:5px 8px;border-radius:9px;border:1px solid #1d5068;background:#0b2940;font-size:11px;white-space:nowrap}.screen{display:none}.screen.active{display:block}.map-shell{height:calc(100svh - 210px);min-height:515px;position:relative;overflow:hidden;background:linear-gradient(180deg,#102a39,#0c2735)}.map-shell::before{content:'';position:absolute;inset:0;z-index:255;pointer-events:none;background:linear-gradient(0deg,transparent 0 31px,rgba(93,233,255,.04) 32px,transparent 33px),linear-gradient(90deg,transparent 0 31px,rgba(93,233,255,.04) 32px,transparent 33px);background-size:64px 64px;mix-blend-mode:screen;opacity:.55}.map-shell::after{content:'';position:absolute;inset:0;z-index:265;pointer-events:none;background:radial-gradient(circle at 20% 18%,rgba(127,232,139,.14),transparent 22%),radial-gradient(circle at 82% 36%,rgba(255,216,90,.12),transparent 20%),radial-gradient(circle at 58% 70%,rgba(193,140,255,.14),transparent 24%)}.leaflet-container{height:100%;width:100%;background:#0d2631}.vida-base-pane{filter:saturate(.78) contrast(1.08) brightness(.82) hue-rotate(148deg) sepia(.16)}.leaflet-control-attribution{font-size:7px!important;background:rgba(3,14,22,.6)!important;color:#9eb7c2!important}.map-vignette{position:absolute;inset:0;z-index:400;pointer-events:none;background:linear-gradient(180deg,rgba(4,17,27,.22),transparent 18%,transparent 65%,rgba(4,17,27,.46)),radial-gradient(circle at center,transparent 48%,rgba(1,8,13,.2)),linear-gradient(135deg,rgba(93,233,255,.06),transparent 40%,rgba(255,216,90,.04) 100%)}.map-fallback{position:absolute;inset:0;z-index:350;background:#092330;display:grid;place-content:center;text-align:center;gap:8px;color:var(--muted)}.fake-grid{position:absolute;inset:0;background-image:linear-gradient(#15485a55 1px,transparent 1px),linear-gradient(90deg,#15485a55 1px,transparent 1px);background-size:42px 42px}.zone-hud{position:absolute;z-index:500;left:14px;top:14px;display:flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid #22546a;background:rgba(5,25,37,.88);backdrop-filter:blur(14px);border-radius:14px;box-shadow:var(--shadow)}.zone-hud>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#163f51,#0b2635);color:var(--lime);font-size:18px}.zone-hud small{display:block;font-size:8px;letter-spacing:.14em;color:#7fa6b6}.zone-hud strong{font-size:12px}.map-btn{position:absolute;z-index:500;right:14px;width:44px;height:44px;border-radius:14px;border:1px solid #27566b;background:rgba(7,30,43,.92);box-shadow:var(--shadow);font-weight:900}.map-btn.gps{top:14px;font-size:24px;color:var(--cyan)}.map-btn.demo{top:66px;font-size:9px;letter-spacing:.1em}.location-status{position:absolute;z-index:500;left:50%;bottom:106px;transform:translateX(-50%);max-width:76%;padding:7px 11px;border-radius:20px;background:rgba(3,18,29,.82);border:1px solid rgba(82,219,242,.25);font-size:10px;color:#b7cbd4;text-align:center;white-space:nowrap}.nearby-card{position:absolute;z-index:600;left:12px;right:12px;bottom:14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:18px;background:rgba(7,28,42,.96);border:1px solid #27586d;box-shadow:0 18px 50px rgba(0,0,0,.42)}.nearby-art{height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#153b4c,#0a2534);border:1px solid #2d6276;color:var(--yellow);font-size:25px}.nearby-copy{min-width:0}.nearby-copy strong,.nearby-copy small{display:block}.nearby-copy strong{font-size:14px;margin:2px 0}.nearby-copy small{font-size:10px;color:var(--muted)}.primary-btn,.secondary-btn,.danger-btn,.ghost-btn{border-radius:13px;padding:11px 14px;font-weight:900;border:1px solid transparent;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#34dccb,#4bd5ff);color:#03202b}.secondary-btn{background:#13374a;border-color:#2b657d}.danger-btn{background:linear-gradient(135deg,#ff6679,#ff8b69);color:#25090e}.ghost-btn{background:transparent;border-color:#2b566a;color:#a9c3cf}.compact{padding:10px 11px;font-size:11px}.mission-strip{margin:10px 12px 0;padding:12px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border-radius:17px;background:linear-gradient(135deg,#0b2c3e,#0a2030);border:1px solid #1f4e63}.mission-symbol{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--yellow);color:#102030;font-weight:1000;font-size:22px}.mission-strip span{display:block;font-size:8px;letter-spacing:.14em;color:#7fa6b6}.mission-strip strong{font-size:13px}.mission-strip>b{padding:7px 9px;border-radius:10px;background:#102f42;color:var(--cyan);font-size:11px}.page-screen{padding:24px 16px 24px}.page-head{margin-bottom:18px}.page-head h1{font-size:34px;margin:4px 0 6px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.featured-mission{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:14px;margin-bottom:16px;border:1px solid #485162;border-radius:20px;background:linear-gradient(135deg,#2c2030,#112536)}.shop-art{border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#6d3151,#39243f);font-size:46px;min-height:116px}.featured-mission h2{margin:5px 0}.featured-mission p{font-size:12px;color:#b9c3ca;line-height:1.5}.reward-chips{display:flex;gap:8px;flex-wrap:wrap}.reward-chips span{font-size:10px;padding:6px 8px;border-radius:10px;background:#152f42;border:1px solid #28556b}.stack{display:grid;gap:12px}.mission-card{padding:15px;border-radius:18px;border:1px solid #1d485c;background:linear-gradient(135deg,#0a2737,#0a1d2a)}.mission-card.done{border-color:#3c765c;background:linear-gradient(135deg,#0b2f31,#0a242b)}.mission-card-top{display:flex;justify-content:space-between;gap:14px}.mission-card h3{margin:4px 0;font-size:16px}.mission-card p{margin:0;color:var(--muted);font-size:12px}.pill{height:max-content;font-size:10px;border:1px solid #2b6078;border-radius:10px;padding:7px 8px;white-space:nowrap}.progress-line{height:7px;background:#143142;border-radius:10px;margin:13px 0 8px;overflow:hidden}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan))}.reward-row{display:flex;justify-content:space-between;font-size:10px;color:#bad0d8}.encounter-stage{height:480px;position:relative;border-radius:24px;overflow:hidden;border:1px solid #22495b;background:linear-gradient(#142e40 0 50%,#18382f 50% 100%);box-shadow:var(--shadow)}.sky-glow{position:absolute;width:250px;height:250px;right:-40px;top:-90px;border-radius:50%;background:radial-gradient(circle,#ffe78555,transparent 65%)}.city-silhouette{position:absolute;left:0;right:0;top:34%;height:90px;opacity:.45;background:linear-gradient(90deg,transparent 0 4%,#254557 4% 11%,transparent 11% 14%,#254557 14% 22%,transparent 22% 28%,#254557 28% 34%,transparent 34% 42%,#254557 42% 55%,transparent 55% 62%,#254557 62% 71%,transparent 71% 76%,#254557 76% 88%,transparent 88%)}.ground-lines{position:absolute;left:0;right:0;top:50%;bottom:0;background:repeating-linear-gradient(0deg,transparent 0 34px,#28514355 35px 36px),repeating-linear-gradient(90deg,transparent 0 58px,#28514345 59px 60px)}.tree-pixel{position:absolute;font-size:72px;color:#2fa46f;text-shadow:0 9px 0 #173d33}.t1{left:24px;top:185px}.t2{right:25px;top:155px;transform:scale(.8)}.hero-sprite{position:absolute;left:25%;top:51%;width:42px;height:66px;filter:drop-shadow(0 10px 3px rgba(0,0,0,.25))}.hero-sprite .head{position:absolute;left:11px;width:22px;height:22px;background:#f1b58e;border-radius:7px;border-top:7px solid #192331}.hero-sprite .body{position:absolute;left:6px;top:20px;width:30px;height:35px;background:#cf304f;border-radius:7px 7px 10px 10px;border-bottom:12px solid #202838}.hero-sprite .bag{position:absolute;width:13px;height:25px;background:#213c51;right:-2px;top:27px;border-radius:5px}.enemy-sprite{position:absolute;right:24%;top:52%;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#203746;border:3px solid #ff765f;box-shadow:0 0 0 7px #ff765f18,0 12px 20px #0005;color:#ffc15c;font-size:26px;transform:rotate(8deg)}.chest-sprite{position:absolute;right:14%;top:66%;font-size:42px;color:#ffd95a;text-shadow:0 5px 0 #644d17}.enemy-health{position:absolute;right:14%;top:42%;width:140px}.enemy-health small{display:block;text-align:center;font-size:10px;margin-bottom:4px}.enemy-health>div{height:8px;background:#432536;border-radius:10px;overflow:hidden}.enemy-health span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffca54,#ff617b)}.encounter-panel{position:absolute;left:12px;right:12px;bottom:12px;padding:14px;border-radius:18px;background:rgba(5,21,31,.94);backdrop-filter:blur(14px);border:1px solid #2b5668}.encounter-panel h2{margin:5px 0;font-size:20px}.encounter-panel p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#afc2cc}.encounter-actions{display:flex;gap:8px;flex-wrap:wrap}.zone-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.zone-card{padding:12px;border-radius:16px;border:1px solid #20495d;background:#0a2231}.zone-card div{display:flex;align-items:center;justify-content:space-between}.zone-card strong{font-size:13px}.zone-card span{font-size:22px}.zone-card p{font-size:10px;color:var(--muted);margin:6px 0 0}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:5px;margin-bottom:14px}.tabs button{border:1px solid #214b60;background:#0c2636;color:#9fb7c2;border-radius:12px;padding:9px 12px;font-size:11px;white-space:nowrap}.tabs button.active{background:#173b4e;color:white;border-color:#3a7b94}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.item-card{position:relative;min-height:170px;padding:14px;border-radius:18px;border:1px solid #1e475a;background:linear-gradient(145deg,#0c2838,#091e2b);overflow:hidden}.item-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-36px;bottom:-36px;background:#23546822}.item-card.empty{opacity:.48}.item-icon{height:62px;display:grid;place-items:center;font-size:42px;filter:drop-shadow(0 10px 14px #0005)}.item-card h3{font-size:14px;margin:8px 0 2px}.item-card p{font-size:10px;color:var(--muted);margin:0 0 10px;line-height:1.4}.item-count{position:absolute;right:10px;top:9px;font-size:11px;padding:4px 7px;border-radius:9px;background:#112f42;border:1px solid #275a70}.rarity{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.rarity.common{color:#9fb6c0}.rarity.rare{color:#61c7ff}.rarity.legendary{color:#ffd85a}.base-world{height:330px;position:relative;overflow:hidden;border-radius:24px;border:1px solid #244d5c;background:linear-gradient(#173a40 0 25%,#234d3a 25%);box-shadow:var(--shadow)}.lot-grid{position:absolute;inset:25% 0 0;background:repeating-linear-gradient(0deg,transparent 0 43px,#3f6d4c44 44px 45px),repeating-linear-gradient(90deg,transparent 0 55px,#3f6d4c44 56px 57px)}.path{position:absolute;background:#c69b6b;opacity:.75}.p1{width:60%;height:30px;left:20%;top:65%;transform:rotate(-10deg)}.p2{width:30px;height:45%;left:48%;top:28%}.base-house,.base-building{position:absolute;display:grid;place-items:center;text-align:center;border:3px solid #193445;box-shadow:0 16px 20px #0005}.base-house{left:32%;top:25%;width:132px;height:105px;border-radius:18px 18px 10px 10px;background:linear-gradient(#e9a85d 0 25%,#d57753 26% 100%)}.base-house span{font-size:60px;color:#fff5d6}.base-building{width:90px;height:78px;border-radius:14px;background:#5d6770}.workshop{right:12%;top:38%}.garden{left:10%;bottom:18%;background:#51905e}.base-world small{position:absolute;bottom:-25px;font-size:9px;white-space:nowrap;background:#0a2030;padding:4px 7px;border-radius:8px;border:1px solid #1f475a}.base-building span{font-size:34px}.base-deco{position:absolute;font-size:42px;color:#50a36f}.d1{left:6%;top:27%}.d2{right:5%;bottom:12%}.d3{right:28%;top:20%;color:#ffe56d}.build-grid{display:grid;gap:10px;margin-top:14px}.build-grid article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:17px;border:1px solid #20485a;background:#0b2231}.build-grid h3{margin:4px 0;font-size:15px}.build-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.build-grid button{white-space:nowrap;font-size:10px}.profile-hero{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;border:1px solid #245165;background:linear-gradient(135deg,#0f3142,#0a2030)}.profile-hero h1{margin:3px 0;font-size:26px}.profile-hero p{margin:0;color:var(--muted);font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.stats-grid article{padding:14px;border:1px solid #20485a;border-radius:16px;background:#0b2231}.stats-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.stats-grid strong{display:block;font-size:23px;margin-top:4px}.codex-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:19px;background:linear-gradient(135deg,#2b263e,#10293a);border:1px solid #544b6b}.codex-card h2{margin:5px 0;font-size:18px}.codex-card p{margin:0;color:#b8bec9;font-size:11px}.codex-orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff59a,#be73ff 45%,#3c2a6e 70%);font-size:25px;box-shadow:0 0 30px #b870ff55}.settings-card,.version-card,.uh-signature{margin-top:12px;padding:14px;border-radius:17px;border:1px solid #20495a;background:#0a2231}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card strong{font-size:13px}.settings-card p{margin:3px 0 0;color:var(--muted);font-size:10px}.switch input{display:none}.switch span{display:block;width:48px;height:28px;border-radius:20px;background:#18394b;position:relative;border:1px solid #2f6177}.switch span::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#8aa7b4;top:3px;left:4px;transition:.2s}.switch input:checked+span{background:#175f66}.switch input:checked+span::after{left:22px;background:var(--teal)}.version-card{display:flex;justify-content:space-between;align-items:center}.version-card span{font-weight:900}.version-card small{color:var(--muted)}.uh-signature{text-align:center;font-size:10px;color:var(--muted)}.uh-signature a{margin-left:7px;color:white;font-size:18px;font-weight:1000;text-decoration:none}.bottom-nav{position:fixed;z-index:1200;bottom:0;left:50%;transform:translateX(-50%);width:min(780px,100%);height:78px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(4,18,29,.96);backdrop-filter:blur(18px);border-top:1px solid #173f52;padding-bottom:max(env(safe-area-inset-bottom),3px)}.nav-btn{border:0;background:none;display:grid;place-content:center;gap:4px;color:#7897a6}.nav-btn span{font-size:20px}.nav-btn b{font-size:9px}.nav-btn.active{color:var(--cyan)}.nav-btn.explore span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;margin:-20px auto 0;background:linear-gradient(145deg,#2cdbca,#4daeff);color:#06202a;border:4px solid #061421;box-shadow:0 0 0 1px #285970}.profile-fab{position:fixed;z-index:1250;bottom:88px;left:calc(50% + min(390px,50vw) - 58px);width:42px;height:42px;border-radius:14px;border:1px solid #315c6e;background:#0e2a3a;color:var(--yellow);box-shadow:var(--shadow)}.toast{position:fixed;z-index:3000;left:50%;bottom:94px;transform:translate(-50%,20px);max-width:min(420px,88%);padding:11px 14px;border-radius:14px;background:#efffff;color:#08202c;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.2s;text-align:center;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.marker-wrap,.player-icon-wrap{background:none;border:0}.world-marker{position:relative;min-width:46px;height:46px;padding:0 7px;border-radius:14px;display:grid;place-items:center;color:white;font-weight:1000;font-size:18px;border:2px solid #bfeeff;box-shadow:0 10px 22px #0007,0 0 0 6px rgba(93,233,255,.08);animation:bob 2s ease-in-out infinite}.world-marker span{filter:drop-shadow(0 2px 0 #0006)}.world-marker small{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);font-size:8px;letter-spacing:.08em;font-weight:900;white-space:nowrap;color:#dcf7ff;text-shadow:0 2px 6px #000;background:rgba(6,20,33,.78);padding:2px 5px;border-radius:6px;border:1px solid #295f76}.marker-chest{background:linear-gradient(145deg,#7c5a26,#5f431a);border-color:#ffd75e}.marker-resource{background:linear-gradient(145deg,#2b6872,#1f4851);border-color:#55edff}.marker-rare{background:linear-gradient(145deg,#56358f,#3c2764);border-color:#bd82ff}.marker-business{background:linear-gradient(145deg,#8b4867,#64324a);border-color:#ff83bf}.marker-mission{background:linear-gradient(145deg,#8b6a2d,#644b1b);border-color:#ffe47c}.player-marker{width:54px;height:54px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}.pm-pulse{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 8px rgba(80,230,255,.16),0 0 0 16px rgba(80,230,255,.08);background:transparent}.pm-body{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#7ef7ff 0 16%,#1b8cab 17% 45%,#0b3a4b 46% 100%);border:2px solid #ffffff}.pm-face{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:8px;background:#1b3850;border:2px solid rgba(255,216,90,.9)}.pm-face i{position:absolute;top:5px;width:4px;height:4px;background:#d9faff}.pm-face i:first-child{left:4px}.pm-face i:nth-child(2){right:4px}.pm-face b{position:absolute;width:11px;height:6px;border-radius:0 0 10px 10px;background:#ff9977;left:50%;bottom:3px;transform:translateX(-50%)}..biome-circle{mix-blend-mode:screen}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0a2030;color:white}.leaflet-popup-content{font-size:11px;margin:10px 12px}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:520px){.map-shell{min-height:500px}.brand small{display:none}.economy span{padding:5px 6px}.featured-mission{grid-template-columns:82px 1fr}.shop-art{min-height:100px}.page-head h1{font-size:30px}.base-world{height:300px}.base-house{left:31%;width:112px;height:95px}.build-grid article{align-items:flex-start;flex-direction:column}.build-grid button{width:100%}.profile-fab{left:auto;right:12px}.location-status{bottom:104px}}

/* VIDA V0.4 — capa visual de videojuego sobre geometría real */
.vida-decor-wrap{background:transparent!important;border:0!important;pointer-events:none!important}
.vida-decor{position:relative;filter:drop-shadow(0 8px 6px rgba(0,0,0,.26));opacity:.94}
.vida-decor.tree{width:34px;height:40px}
.vida-decor.tree i{position:absolute;left:4px;top:0;width:26px;height:26px;border-radius:48% 52% 44% 56%;background:linear-gradient(145deg,#73df8a,#2f9d68);border:2px solid rgba(9,63,53,.75);box-shadow:inset -6px -6px 0 rgba(12,88,61,.16)}
.vida-decor.tree b{position:absolute;left:14px;top:23px;width:7px;height:16px;border-radius:3px;background:#72563d;border:1px solid #463626}
.vida-decor.tree.v1 i{background:linear-gradient(145deg,#9be77e,#4ea75f);transform:scale(.92) rotate(8deg)}
.vida-decor.tree.v2 i{background:linear-gradient(145deg,#67d8a9,#2f8f75);transform:scale(1.08) rotate(-7deg)}
.vida-decor.building{width:48px;height:48px;border-radius:8px 8px 6px 6px;background:linear-gradient(145deg,#d6c7a2,#9d8e70);border:2px solid rgba(59,72,74,.55);box-shadow:inset -8px -8px 0 rgba(36,55,60,.08)}
.vida-decor.building::before{content:'';position:absolute;left:4px;right:4px;top:-8px;height:13px;border-radius:6px 6px 2px 2px;background:linear-gradient(145deg,#54798a,#315260);border:2px solid rgba(17,55,67,.55)}
.vida-decor.building i{position:absolute;top:14px;width:8px;height:10px;border-radius:2px;background:#64d7ec;border:1px solid #2b6d7b;box-shadow:0 0 8px rgba(87,235,255,.32)}
.vida-decor.building i:nth-child(1){left:7px}.vida-decor.building i:nth-child(2){left:19px}.vida-decor.building i:nth-child(3){left:31px}
.vida-decor.building b{position:absolute;left:19px;bottom:0;width:11px;height:16px;border-radius:3px 3px 0 0;background:#5f4d45}
.vida-decor.building.v1{background:linear-gradient(145deg,#deb27f,#b9785b)}
.vida-decor.building.v2{background:linear-gradient(145deg,#aebec4,#748d96)}
.vida-decor.building.v3{background:linear-gradient(145deg,#d1a6bb,#9a7086)}
.vida-decor.lamp{width:24px;height:38px}
.vida-decor.lamp::before{content:'';position:absolute;left:10px;top:9px;width:4px;height:27px;border-radius:3px;background:#24414c}
.vida-decor.lamp i{position:absolute;left:4px;top:3px;width:16px;height:12px;border-radius:8px 8px 5px 5px;background:#ffe978;border:2px solid #7b6d33;box-shadow:0 0 12px rgba(255,233,120,.55)}
.vida-decor.lamp b{position:absolute;left:6px;bottom:0;width:12px;height:5px;border-radius:50%;background:#1d3b46}
.vida-decor.park-tile{width:66px;height:66px;border-radius:22px;background:radial-gradient(circle at 34% 32%,rgba(155,231,126,.82),rgba(46,134,92,.76) 55%,rgba(21,87,70,.74));border:2px dashed rgba(190,255,206,.72);box-shadow:0 0 0 8px rgba(83,194,124,.10),inset 0 0 22px rgba(196,255,205,.16)}
.vida-decor.park-tile::before,.vida-decor.park-tile::after{content:'♣';position:absolute;color:#b9f3a5;font-size:22px;text-shadow:0 4px 0 rgba(0,0,0,.16)}
.vida-decor.park-tile::before{left:10px;top:7px}.vida-decor.park-tile::after{right:9px;bottom:7px;transform:scale(.85)}
.vida-decor.park-tile i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;color:#e6ffb6;font-size:18px}
.vida-decor.industrial-tile{width:66px;height:66px;border-radius:18px;background:linear-gradient(145deg,rgba(113,137,146,.88),rgba(53,77,88,.86));border:2px solid rgba(255,199,107,.62);box-shadow:0 0 0 8px rgba(255,199,107,.08)}
.vida-decor.industrial-tile::before{content:'⚙';position:absolute;left:8px;bottom:6px;color:#ffd07d;font-size:24px}
.vida-decor.industrial-tile i{position:absolute;right:10px;bottom:10px;width:16px;height:31px;background:#334d58;border-radius:3px}
.vida-decor.industrial-tile b{position:absolute;right:3px;top:5px;width:39px;height:22px;background:linear-gradient(145deg,#927858,#65503c);clip-path:polygon(0 100%,0 45%,28% 45%,28% 20%,52% 20%,52% 0,76% 0,76% 35%,100% 35%,100% 100%)}
.vida-base-pane{filter:saturate(.70) contrast(1.06) brightness(.86) hue-rotate(150deg) sepia(.12)}
.leaflet-marker-pane .marker-wrap,.leaflet-marker-pane .player-icon-wrap{z-index:650!important}

/* VIDA V0.4.1 — capa visual real sobre calles reales */
.vida-decor-wrap{background:transparent!important;border:0!important;filter:drop-shadow(0 7px 7px rgba(0,0,0,.28));}
.vida-decor{position:relative;width:58px;height:58px;transform-origin:50% 100%;}
.vida-decor.tree .trunk{position:absolute;left:25px;bottom:5px;width:9px;height:22px;border-radius:3px;background:linear-gradient(#8b5a32,#5e3822);border:1px solid rgba(35,24,17,.45)}
.vida-decor.tree .crown{position:absolute;left:8px;top:5px;width:43px;height:39px;border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 35% 30%,#9ae57c 0 15%,#58b86f 16% 52%,#26784e 53% 100%);border:2px solid rgba(25,77,54,.55);box-shadow:inset -5px -6px 0 rgba(16,80,50,.16),0 0 0 3px rgba(85,220,140,.07)}
.vida-decor.tree.t1 .crown{background:radial-gradient(circle at 35% 30%,#b5ed82 0 15%,#67bd5b 16% 54%,#2c7947 55% 100%)}
.vida-decor.tree.t2 .crown{background:radial-gradient(circle at 35% 30%,#8ce7a9 0 15%,#49aa75 16% 54%,#22664d 55% 100%)}
.vida-decor.house .roof{position:absolute;left:7px;top:7px;width:44px;height:28px;background:linear-gradient(135deg,#e76f51,#b44743);clip-path:polygon(50% 0,100% 58%,88% 58%,88% 100%,12% 100%,12% 58%,0 58%);border-radius:4px}
.vida-decor.house .wall{position:absolute;left:12px;top:28px;width:36px;height:24px;background:linear-gradient(#f3d59b,#d7b472);border:2px solid #80543b;border-radius:2px 2px 5px 5px}
.vida-decor.house .wall i{position:absolute;left:5px;top:5px;width:9px;height:8px;background:#63c8e4;border:2px solid #325a66}
.vida-decor.house .wall b{position:absolute;right:5px;bottom:0;width:9px;height:14px;background:#845b3c;border-radius:2px 2px 0 0}
.vida-decor.house.h1 .roof{background:linear-gradient(135deg,#55a4d8,#316c9c)}
.vida-decor.house.h2 .roof{background:linear-gradient(135deg,#d99b4f,#a66f30)}
.vida-decor.lamp .post{position:absolute;left:27px;top:21px;width:5px;height:32px;background:linear-gradient(90deg,#374955,#17242d,#52616a);border-radius:3px}
.vida-decor.lamp .cap{position:absolute;left:20px;top:12px;width:19px;height:13px;background:#1b2a34;border:2px solid #536773;border-radius:4px 4px 8px 8px}
.vida-decor.lamp .glow{position:absolute;left:14px;top:2px;width:31px;height:31px;border-radius:50%;background:radial-gradient(circle,#fff6a0 0 18%,rgba(255,225,111,.65) 19% 37%,rgba(255,220,90,.16) 38% 72%,transparent 73%);filter:blur(.3px)}
.vida-decor.shop .store{position:absolute;left:8px;top:21px;width:43px;height:31px;background:linear-gradient(#efc98c,#ce965c);border:2px solid #7d563d;border-radius:3px 3px 6px 6px}
.vida-decor.shop .awning{position:absolute;left:7px;top:13px;width:45px;height:16px;border-radius:5px 5px 3px 3px;background:repeating-linear-gradient(90deg,#fff0df 0 8px,#f06b7e 8px 16px);border:2px solid #98495a;z-index:2}
.vida-decor.shop .store b{position:absolute;left:6px;top:8px;width:14px;height:12px;background:#59c6e7;border:2px solid #44646d}.vida-decor.shop .store i{position:absolute;right:6px;bottom:0;width:10px;height:17px;background:#7c5037}
.vida-decor.park .fountain{position:absolute;left:13px;top:18px;width:32px;height:25px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#dffcff 0 14%,#5de9ff 15% 45%,#247fa4 46% 100%);border:3px solid #c3eaf0;color:white;font-size:13px}.vida-decor.park .bush{position:absolute;width:20px;height:16px;border-radius:50%;background:#49a65d;border:2px solid #296d44}.vida-decor.park .b1{left:2px;bottom:7px}.vida-decor.park .b2{right:2px;bottom:8px}
.vida-decor.factory .factory-body{position:absolute;left:8px;top:25px;width:43px;height:28px;background:#6e7f86;border:2px solid #35464e;border-radius:2px}.vida-decor.factory .factory-body::before{content:"";position:absolute;left:0;right:0;top:-10px;height:12px;background:linear-gradient(135deg,transparent 0 15%,#788a90 16% 32%,transparent 33% 48%,#788a90 49% 65%,transparent 66%);}.vida-decor.factory .factory-body i,.vida-decor.factory .factory-body b{position:absolute;bottom:5px;width:8px;height:8px;background:#ffd865;border:1px solid #52491f}.vida-decor.factory .factory-body i{left:7px}.vida-decor.factory .factory-body b{right:7px}.vida-decor.factory .chimney{position:absolute;right:11px;top:4px;width:10px;height:28px;background:linear-gradient(90deg,#6f4940,#9d6553,#5b3932);border:2px solid #4b302c;border-radius:2px 2px 0 0}
.vida-base-pane{filter:saturate(.85) contrast(1.08) brightness(.82) sepia(.12) hue-rotate(150deg)}
.map-vignette{background:linear-gradient(180deg,rgba(4,17,27,.14),transparent 20%,transparent 72%,rgba(4,17,27,.48)),radial-gradient(circle at center,transparent 42%,rgba(1,8,13,.18)),linear-gradient(135deg,rgba(93,233,255,.06),transparent 42%,rgba(255,216,90,.05) 100%)}
@media(max-width:520px){.vida-decor{transform:scale(.9)}}