.lienzo{position:absolute;left:0;top:0;width:768px;height:768px;transform-origin:0 0}#capas[data-n="0"] .l1,#capas[data-n="0"] .l2,#capas[data-n="1"] .l2{display:none}#capas.p0 .l0,#capas.p1 .l1,#capas.p2 .l2{image-rendering:pixelated}.pines{position:absolute;inset:0;overflow:hidden;pointer-events:none;--k:.6}.pin{--c:#999;position:absolute;left:0;top:0;width:30px;height:38px;margin:-36.5px 0 0 -15px;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;z-index:1;transform-origin:15px 36.5px}.pin:after{content:"";position:absolute;inset:-4px}.pin svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));transform-origin:15px 36.5px;transition:transform .14s ease}.pin:hover,.pin.sel{z-index:6}.pin:hover svg{transform:scale(1.18)}.pin.sel svg{transform:scale(1.3)}.pin.sel:before{content:"";position:absolute;left:5px;top:26.5px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:color-mix(in srgb,var(--c) 50%,transparent);box-shadow:0 0 0 2px var(--c)}.pin.oculto{display:none}.ruta{position:absolute;inset:0;width:768px;height:768px;overflow:visible;pointer-events:none;--z:1}.ruta polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.ruta .rh{stroke:#fff;stroke-opacity:.85;stroke-width:calc(3.6px / var(--z))}.ruta .rl{stroke:color-mix(in srgb,var(--c) 50%,#fff);stroke-width:calc(1.8px / var(--z));stroke-dasharray:calc(7px / var(--z)) calc(5px / var(--z));animation:fluye 1s linear infinite}@keyframes fluye{to{stroke-dashoffset:calc(-12px / var(--z))}}.num{--c:#888;position:absolute;left:0;top:0;width:22px;height:22px;margin:-56px 0 0 -11px;transform-origin:11px 56px;display:grid;place-items:center;border-radius:50%;background:var(--c);border:2px solid #fff;color:#fff;font:600 11px/1 var(--font);text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:var(--shadow-md);pointer-events:none;z-index:3}.num.sp{margin:-11px 0 0 -11px;transform-origin:11px 11px;background:#fff;color:#1f2025;text-shadow:none;border-color:var(--c);font-size:13px;z-index:4}.rutas .chip[aria-pressed=false]{opacity:1}.rutas .chip[aria-pressed=false] .dot{background:var(--c)}.rutas .chip[aria-pressed=true]{background:var(--char);color:var(--char-ink)}.rutas .chip[aria-pressed=true] small{color:color-mix(in srgb,var(--char-ink) 70%,transparent)}.rutacard{position:absolute;left:16px;bottom:64px;max-width:calc(100% - 100px);display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:128px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md2),inset 0 0 0 2px var(--c,transparent)}.rutacard .ib{width:32px;height:32px;background:var(--card)}.rutacard .ib .i{width:15px;height:15px}.panel[data-tab=spawns]{overflow:hidden}.panel[data-tab=spawns] .pfoot{display:none}.sps{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.sps>*{flex:none}.sps>.spawns{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--lc) transparent;margin:0 -8px;padding:4px 8px 8px;border-radius:20px;background:color-mix(in srgb,var(--card-in) 45%,transparent)}@media (max-width:900px){.panel[data-tab=spawns]{height:80dvh}}.sps h3,.sps .mini{margin:0}.sp-q{height:42px}.spz{display:flex;flex-wrap:wrap;gap:6px}.spz button{--c:#888;display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border:0;border-radius:128px;background:var(--card-in);color:var(--ink);font:500 12.5px var(--font);cursor:pointer;transition:background .15s,color .15s}.spz button small{color:var(--mut);font-size:11px}.spz .zd{width:9px;height:9px;flex:none;border-radius:50%;background:var(--c)}.spz button[aria-pressed=true]{background:var(--char);color:var(--char-ink)}.spz button[aria-pressed=true] small{color:color-mix(in srgb,var(--char-ink) 70%,transparent)}.spz button[aria-pressed=true] .zd{box-shadow:0 0 0 2px var(--char-ink)}.sp-n{margin:0 0 8px;color:var(--mut);font-size:12.5px}.spg{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.spc{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 8px;border:0;border-radius:18px;background:var(--card-in);color:var(--ink);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.spc:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.spc[aria-pressed=true]{background:var(--char);color:var(--char-ink)}.spc img{width:60px;height:60px;image-rendering:pixelated}.spc b{max-width:100%;overflow:hidden;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.zds{display:flex;gap:3px}.zds i{width:8px;height:8px;border-radius:50%;background:var(--c)}.spc em{position:absolute;right:6px;top:6px;padding:1px 6px;border-radius:128px;background:var(--gold);color:#1f2025;font-size:9.5px;font-style:normal;font-weight:600}.pkcard{position:absolute;left:16px;top:76px;max-width:min(360px,calc(100% - 100px));display:flex;align-items:center;gap:10px;padding:6px;border-radius:24px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md2)}.pkcard img{width:64px;height:64px;flex:none;border-radius:18px;background:linear-gradient(180deg,var(--sky1),var(--sky2));image-rendering:pixelated}.pkb{display:flex;flex-direction:column;min-width:0;line-height:1.25}.pkb b{font-size:16px}.pkb small{color:var(--mut);font-size:12.5px}.pkz{display:inline;padding:0 2px;border:0;border-radius:6px;background:none;color:var(--c);font:700 12.5px/1.4 var(--font);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--c) 40%,transparent);text-underline-offset:3px;cursor:pointer}.pkz:hover{background:color-mix(in srgb,var(--c) 14%,transparent)}.pkz[aria-pressed=true]{background:color-mix(in srgb,var(--c) 18%,transparent);text-decoration:none}.pkb a{margin-top:2px;color:var(--ink);font-size:12.5px;font-weight:500}.pkcard .ib{width:32px;height:32px;align-self:flex-start;background:var(--card)}.pkcard .ib .i{width:15px;height:15px}@media (max-width:900px){.spc,.spz button{background:var(--card)}.pkcard{left:12px;top:68px}}