.ib{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--card-in);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}.ib:hover:not(:disabled){background:color-mix(in srgb,var(--card-in) 82%,var(--ink) 10%)}.ib:active:not(:disabled){transform:scale(.94)}.ib:disabled{opacity:.35;cursor:not-allowed}.app{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-areas:"panel map";grid-template-rows:minmax(0,1fr);gap:clamp(12px,1.4vw,20px);padding:clamp(10px,2vh,20px) clamp(10px,1.6vw,20px) max(clamp(10px,2vh,20px),env(safe-area-inset-bottom,0px))}.stage{grid-area:map}.panel{grid-area:panel}.panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:24px;padding:24px 20px;background:var(--card);border-radius:32px}.ph{display:flex;align-items:center;gap:10px}.ph h2{flex:1;font-size:24px;line-height:1.1;letter-spacing:-.02em}.cnt{color:var(--mut);font-size:13px}.cnt b{color:var(--ink);font-weight:600}.cerrar{display:none}.panel h3{margin:0 0 10px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--mut)}.stack{display:grid;gap:8px}.chip{--c:#888;display:flex;align-items:center;gap:10px;width:100%;padding:6px 14px 6px 6px;border:0;border-radius:128px;background:var(--card-in);color:var(--ink);cursor:pointer;text-align:left;transition:opacity .15s,background .15s}.chip:hover{background:color-mix(in srgb,var(--card-in) 88%,var(--ink) 6%)}.chip .dot{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#fff;box-shadow:none;animation:none}.chip .dot svg{width:62%;height:62%}.chip.t .dot{color:#1d1500}.chip b{flex:1;font-weight:500}.chip small{color:var(--mut);font-size:13px}.chip[aria-pressed=false]{opacity:.5}.chip[aria-pressed=false] .dot{background:var(--mut)}.biomas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.biomas .chip{min-width:0;gap:7px;padding:8px 12px 8px 10px;font-size:13px}.biomas .chip small{font-size:12px}.biomas .dot{width:12px;height:12px}.biomas .chip b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini{margin:0 0 12px;color:var(--mut);font-size:14px;line-height:1.45}.mini b{color:var(--ink);font-weight:600}.row{display:flex;flex-wrap:wrap;gap:8px}.panel .btn{background:var(--card-in)}.det{margin-top:14px;color:var(--mut);font-size:14px}.det summary{cursor:pointer;font-weight:500;color:var(--ink)}.steps{display:grid;gap:8px;margin:10px 0 0;padding-left:20px}code{padding:1px 6px;border-radius:6px;background:var(--card-in);color:var(--ink);font-size:12px;word-break:break-all}.pfoot{margin:auto 0 0;color:var(--mut);font-size:12.5px;text-align:center}.rres{margin:12px 0 8px}.rlista{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;max-height:210px;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin}.rlista li{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:128px;background:var(--card-in);font-size:13.5px;cursor:pointer;transition:background .15s}.rlista li:hover{background:color-mix(in srgb,var(--card-in) 88%,var(--ink) 6%)}.rlista .n{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#fff;font-size:11px;font-weight:600}.rlista small{margin-left:auto;color:var(--mut);white-space:nowrap}.rtx{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;line-height:1.2}.rtx b{font-size:13.5px}.rtx small{color:var(--mut);font-size:12.5px}.tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:128px;background:var(--soft)}.tabs button{padding:8px 4px;border:0;border-radius:128px;background:none;color:var(--mut);font:500 14px/1.3 var(--font);cursor:pointer;transition:color .15s}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{background:var(--card-in);color:var(--ink);box-shadow:var(--shadow-md)}.panel[data-tab=filtros] section:not([data-t=filtros]),.panel[data-tab=ruta] section:not([data-t=ruta]),.panel[data-tab=spawns] section:not([data-t=spawns]){display:none}.stage{position:relative;min-height:0;overflow:hidden;border-radius:32px;background-color:var(--card);background-image:radial-gradient(circle,var(--lc) 1.4px,transparent 1.9px);background-size:28px 28px;background-position:var(--gx,0) var(--gy,0);cursor:grab;touch-action:none}.stage.arrastra{cursor:grabbing}.stage,.stage *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#capas{position:absolute;inset:0;pointer-events:none}#capas .tl{position:absolute;display:block;max-width:none}.ui{z-index:8}.buscador{position:absolute;left:16px;top:16px;width:min(340px,calc(100% - 32px));height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:128px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md2)}.buscador>.i{color:var(--mut)}.buscador input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font-size:16px}.buscador input::placeholder{color:var(--mut)}.buscador:focus-within{box-shadow:var(--shadow-md2),inset 0 0 0 2px var(--ink)}.res{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:min(46dvh,340px);margin:0;padding:6px;overflow-y:auto;list-style:none;border-radius:24px;background:var(--bg);box-shadow:var(--shadow-md2);cursor:default}.res li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;font-size:14.5px;cursor:pointer}.res li:hover,.res li:focus{background:var(--card);outline:none}.res .pt{width:12px;height:12px;flex:none;border-radius:50%;background:var(--c)}.res small{margin-left:auto;color:var(--mut);font-size:12.5px;white-space:nowrap}.res .vacio{color:var(--mut);cursor:default}.res .vacio:hover{background:none}.dock{--netlify:64px;position:absolute;right:16px;bottom:calc(16px + var(--netlify));display:flex;flex-direction:column;align-items:flex-end;gap:10px}.live{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:16px;background:var(--bar);color:var(--bar-ink);text-decoration:none;box-shadow:var(--shadow-md2);transition:transform .15s}.live:hover{transform:translateY(-2px)}.live .lt{display:grid;line-height:1.2}.live b{font-size:13px;font-weight:600}.live small{color:color-mix(in srgb,var(--bar-ink) 70%,transparent);font-size:12px}.live .i{width:18px;height:18px}.pulso{width:8px;height:8px;flex:none;border-radius:50%;background:var(--live);animation:pulso 1.6s ease-out infinite}@keyframes pulso{0%{box-shadow:0 0 color-mix(in srgb,var(--live) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.zoom{display:grid;gap:4px;padding:4px;border-radius:128px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md2)}.zoom .ib{background:transparent}.zoom .ib:hover:not(:disabled){background:var(--card)}.fab{display:none;position:absolute;left:16px;bottom:16px;height:48px;align-items:center;gap:8px;padding:0 20px 0 16px;border:0;border-radius:128px;background:var(--char);color:var(--char-ink);font:500 16px/1 var(--font);box-shadow:var(--shadow-md2);cursor:pointer}.hint{position:absolute;left:50%;bottom:20px;z-index:5;margin:0;padding:8px 16px;border-radius:128px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);color:var(--mut);font-size:13px;white-space:nowrap;transform:translate(-50%);pointer-events:none;transition:opacity .5s}.hint.off{opacity:0}.coords,.tip{position:absolute;z-index:30;border-radius:12px;background:var(--bar);color:var(--bar-ink);font-size:13px;pointer-events:none}.coords{left:16px;bottom:16px;padding:6px 12px;border-radius:128px;font-variant-numeric:tabular-nums}.tip{padding:6px 12px;white-space:nowrap;transform:translate(14px,14px)}.tip small{display:block;color:color-mix(in srgb,var(--bar-ink) 70%,transparent);font-size:12px}@media (hover:none){.coords,.tip{display:none!important}}.aviso{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 76px);z-index:60;max-width:min(92vw,420px);padding:10px 18px;border-radius:128px;background:var(--char);color:var(--char-ink);box-shadow:var(--shadow-md2);font-size:14px;font-weight:500;text-align:center;opacity:0;transform:translate(-50%,-10px);pointer-events:none;transition:opacity .2s,transform .2s}.aviso.ver{opacity:1;transform:translate(-50%)}@media (max-width:759px){.dock{--netlify:0px}}@media (max-width:900px){.app{display:block;position:relative;padding:8px}.stage{height:100%;border-radius:24px}.fab{display:inline-flex}.coords{bottom:76px}.hint{top:76px;bottom:auto}.buscador{left:12px;top:12px;width:calc(100% - 24px)}.panel{position:fixed;left:0;right:0;bottom:0;z-index:50;max-height:80dvh;padding:20px 16px max(20px,env(safe-area-inset-bottom,0px));border-radius:32px 32px 0 0;background:var(--bg);box-shadow:0 -12px 40px #0000002e;transform:translateY(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}.panel .chip,.panel .btn,.panel code,.panel .tabs button[aria-selected=true],.rlista li{background:var(--card)}body.abierto .panel{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.cerrar{display:inline-grid;background:var(--card)}.velo{position:fixed;inset:0;z-index:45;background:#0e0f1366;opacity:0;pointer-events:none;transition:opacity .25s}body.abierto .velo{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01s!important}.pulso{animation:none}}
