/* «¿Qué planto?» (js/farm-planner.js): granjero que explica, una pregunta y el plan con las cartas del juego.
   Mismo mundo violeta/oro de Mi Granja v8; colores de rareza como los marcos de las cartas. */
.pl{--pl-card:#302047;--pl-edge:#e6ccff38;--pl-gold:#ffd583;--pl-gold-d:#c98f2e;--pl-ink:#2d1743;--pl-green:#8ef0a8;--pl-text:#f6efff;--pl-mute:#d3c6e4;
  display:grid;gap:1rem;color:var(--pl-text);margin-bottom:1.2rem}
.pl [hidden]{display:none!important}
.pl img{max-width:100%}
.pl-r1,.pl-c1{--rc:#c3bce3}.pl-r2,.pl-c2{--rc:#7fe06c}.pl-r3,.pl-c3{--rc:#58bcff}.pl-r4,.pl-c4{--rc:#ff7ad6}.pl-r5,.pl-c5{--rc:#ffcb45}
.pl-loading{padding:1.4rem;text-align:center;color:var(--pl-mute)}
.pl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* Cabecera: escena de la granja y granjero con bocadillo */
.pl-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.35rem;min-height:168px;padding:1rem 1rem 0 .5rem;border:2px solid var(--pl-edge);border-radius:24px;
  background:linear-gradient(180deg,#24124000 0%,#241240aa 55%,#241240f2 100%),url(/img/juego/escenas/granja.webp) center 35%/cover #3a2560;box-shadow:inset 0 1px 0 #ffffff22,0 6px 0 #1a0d2c66}
.pl-hero>img{width:94px;height:auto;filter:drop-shadow(0 10px 12px #13082099);margin-bottom:-6px}
.pl-bubble{position:relative;align-self:center;margin:0 0 1rem;padding:.8rem 1rem;border-radius:20px;background:#fffaf0;color:var(--pl-ink);box-shadow:0 5px 0 #dcc497,0 16px 28px #13082066}
.pl-bubble:before{content:'';position:absolute;left:-11px;bottom:24px;border:11px solid transparent;border-right-color:#fffaf0;border-left:0}
.pl-bubble h3{margin:0 0 .3rem;font:700 clamp(1.15rem,4.6vw,1.45rem)/1.15 'Unbounded',sans-serif;color:var(--pl-ink);letter-spacing:-.02em}
.pl-bubble p{margin:0;font-size:.95rem;line-height:1.42;color:#4b3468}

/* Cajas de los pasos */
.pl-box{padding:1.05rem;border:2px solid var(--pl-edge);border-radius:22px;background:var(--pl-card);box-shadow:inset 0 1px 0 #ffffff14,0 4px 0 #1a0d2c55}
.pl-h{display:flex;align-items:center;gap:.6rem;margin:0 0 .85rem;font:700 1.02rem/1.25 'Unbounded',sans-serif;color:#fff}
.pl-step{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--pl-gold);color:var(--pl-ink);font:700 .85rem/1 'Unbounded',sans-serif;box-shadow:0 3px 0 var(--pl-gold-d)}
.pl-label{margin:0 0 .6rem;font-weight:600;color:var(--pl-mute)}

/* 1. Parcelas con + y − */
/* Tus tierras: tarjetas que se encienden al tocarlas (Sunny Field siempre encendida) */
.pl-land-help{margin:-.35rem 0 .6rem;font-size:.82rem;color:var(--pl-mute)}
.pl-lands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}
.pl-land-card{display:grid;justify-items:center;align-content:start;gap:.2rem;min-width:0;padding:.55rem .35rem .5rem;border-radius:16px;border:2px solid #e6ccff3d;background:#ffffff0b;color:var(--pl-text);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;transition:transform .12s,background .12s}
.pl-land-card img{width:56px;height:56px;border-radius:12px;object-fit:cover;filter:grayscale(.85) brightness(.7);transition:filter .15s}
.pl-land-card b{font:700 .74rem/1.15 'Unbounded',sans-serif;overflow-wrap:anywhere}
.pl-land-card small{font-size:.68rem;line-height:1.2;color:var(--pl-mute)}
.pl-land-card i{margin-top:.15rem;padding:.12rem .45rem;border-radius:99px;background:#ffffff14;font:600 .64rem/1.3 'Instrument Sans',sans-serif;font-style:normal;color:var(--pl-mute)}
.pl-land-card.on{border-color:#8ef0a8aa;background:#8ef0a81a}
.pl-land-card.on img{filter:none}
.pl-land-card.on i{background:var(--pl-green);color:#123a1d}
.pl-land-card:hover:not(:disabled){transform:translateY(-2px)}
.pl-land-card:disabled{cursor:default;opacity:1}
.pl-land-card:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:520px){.pl-lands{gap:.4rem}.pl-land-card{padding:.45rem .15rem .45rem;border-radius:14px}.pl-land-card img{width:46px;height:46px;border-radius:10px}.pl-land-card b{font-size:.6rem}.pl-land-card small{display:none}.pl-land-card i{font-size:.56rem;padding:.1rem .32rem}}
.pl-plots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}
.pl-plot{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;justify-items:center;gap:.3rem;min-width:0}
.pl-plots+.pl-label{margin-top:1.2rem}
.pl-dark-h{margin:1.1rem 0 .9rem;font:700 .74rem/1.2 'Unbounded',sans-serif;color:#d9c3ff}
.pl-more{margin-top:.8rem}
.pl-plot-card{position:relative;width:100%;max-width:96px}
.pl-plot-card img{display:block;width:100%;height:auto;aspect-ratio:351/512;object-fit:contain;filter:drop-shadow(0 6px 8px #13082077);transition:transform .15s,filter .15s}
.pl-plot.zero .pl-plot-card img{filter:grayscale(.9) brightness(.75);opacity:.55}
.pl-count{position:absolute;top:-7px;right:-5px;min-width:28px;height:28px;padding:0 .4rem;display:grid;place-items:center;border-radius:99px;border:2px solid #fff3d2;background:var(--pl-gold);color:var(--pl-ink);font:700 .8rem/1 'Unbounded',sans-serif;box-shadow:0 3px 0 var(--pl-gold-d)}
.pl-plot.zero .pl-count{background:#3b2857;color:var(--pl-mute);border-color:#ffffff33;box-shadow:none}
.pl-plot small{display:grid;align-self:start;text-align:center;font:700 .74rem/1.15 'Instrument Sans',sans-serif;color:#fff}
.pl-plot small i{font-style:normal;font-weight:500;font-size:.66rem;color:var(--pl-mute)}
.pl-stepper{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;max-width:96px}
.pl-stepper button{min-height:34px;border-radius:10px;border:1px solid #e6ccff44;background:#ffffff12;color:#fff;font:700 1.1rem/1 'Instrument Sans',sans-serif;cursor:pointer;touch-action:manipulation}
.pl-stepper button[data-pl-step="1"]{background:#8ef0a82b;border-color:#8ef0a877}
.pl-stepper button:hover:not(:disabled){filter:brightness(1.25)}
.pl-stepper button:disabled{opacity:.3;cursor:default}
.pl-seeds{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem;padding-top:.9rem;border-top:1px dashed #e6ccff33}
.pl-seeds-ico{width:40px;height:40px;object-fit:contain}
.pl-seeds-copy{flex:1 1 9rem;min-width:0}
.pl-seeds-copy b{display:block;font:700 .9rem/1.2 'Unbounded',sans-serif}
.pl-seeds-copy span{font-size:.86rem;color:var(--pl-mute)}
.pl-thumbs{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.45rem}
.pl-thumb{position:relative;width:40px}
.pl-thumb img{display:block;width:40px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 6px #13082066)}
.pl-thumb b{position:absolute;right:-6px;bottom:-4px;min-width:20px;height:20px;padding:0 .25rem;display:grid;place-items:center;border-radius:99px;background:#fff;color:var(--pl-ink);font:700 .62rem/1 'Unbounded',sans-serif}
.pl-thumb-more{align-self:center;font:700 .8rem 'Unbounded',sans-serif;color:var(--pl-mute)}

/* 2. ¿Cada cuánto entras? */
.pl-freqs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}
.pl-freq{display:grid;justify-items:center;align-content:start;gap:.3rem;padding:.65rem .2rem .6rem;border-radius:15px;border:2px solid #e6ccff3d;background:#ffffff0b;color:var(--pl-text);font:inherit;text-align:center;cursor:pointer;transition:transform .12s,border-color .15s,background .15s;touch-action:manipulation}
.pl-freq svg{width:36px;height:36px}
.pl-freq b{font:700 .72rem/1.15 'Unbounded',sans-serif}
.pl-freq-note{margin:.75rem .15rem 0;font-size:.9rem;line-height:1.4;color:var(--pl-mute)}
.pl-freq-note b{color:#fff}
.pl-freq span{font-size:.74rem;line-height:1.25;color:var(--pl-mute)}
.pl-freq:hover{transform:translateY(-2px);border-color:#e6ccff77}
.pl-freq[aria-checked="true"]{background:var(--pl-gold);border-color:#fff3d2;color:var(--pl-ink);box-shadow:0 4px 0 var(--pl-gold-d),0 10px 22px #13082055}
.pl-freq[aria-checked="true"] span{color:#5a3c1f}
.pl-d0{fill:#ffffff12;stroke:#ffffff66;stroke-width:1.6}.pl-d1{fill:var(--pl-green)}.pl-d2{fill:#fff}
.pl-freq[aria-checked="true"] .pl-d0{fill:#2d174312;stroke:#2d174388}
.pl-freq[aria-checked="true"] .pl-d1{fill:#3a8f4f}.pl-freq[aria-checked="true"] .pl-d2{fill:var(--pl-ink)}

/* 3. Resultado */
.pl-out>.pl-h{margin:.2rem 0 .7rem}
.pl-win{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.4rem;padding:1.15rem 1.15rem 0;border-radius:24px;border:2px solid #8ef0a870;
  background:radial-gradient(circle at 12% 0,#8ef0a838,transparent 55%),radial-gradient(circle at 100% 100%,#ffd58340,transparent 55%),linear-gradient(140deg,#43306a,#2c1c4a);box-shadow:inset 0 1px 0 #ffffff26,0 6px 0 #1a0d2c66}
.pl-win:before,.pl-win:after{content:'';position:absolute;background:url(/img/official/game/stat-rareza.webp?v=1) center/contain no-repeat;pointer-events:none}
.pl-win:before{width:58px;height:58px;top:12px;right:16px;opacity:.95}.pl-win:after{width:30px;height:30px;top:64px;right:84px;opacity:.6;transform:rotate(-18deg)}
.pl-win-copy{position:relative;z-index:1;padding-bottom:1.15rem;min-width:0}
.pl-eyebrow{font:700 .7rem/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--pl-green)}
.pl-total{display:flex;align-items:center;gap:.5rem;margin:.45rem 0 .25rem}
.pl-total img{width:46px;height:46px;filter:drop-shadow(0 4px 6px #13082066)}
.pl-total b{font:700 clamp(1.8rem,9vw,2.9rem)/1 'Unbounded',sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 3px 0 #1a0d2c88;white-space:nowrap}
.pl-total.long b{font-size:clamp(1.45rem,7.2vw,2.9rem)}
.pl-total small{font:700 1rem/1 'Unbounded',sans-serif;color:var(--pl-green)}
.pl-sub{margin:0;font-size:.9rem;color:var(--pl-mute)}
.pl-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
/* Total = parcelas + animales */
.pl-split{display:flex;flex-wrap:wrap;gap:.35rem .45rem;margin:.5rem 0 0}
.pl-split span{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .65rem .22rem .4rem;border-radius:99px;background:#ffffff14;border:1px solid #ffffff2e;font:600 .8rem/1.25 'Instrument Sans',sans-serif;color:#fff}
.pl-split img{width:18px;height:18px;object-fit:contain}
.pl-next{display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;border-radius:13px;background:#ffffff14;border:1px solid #ffffff1f;font-size:.88rem;line-height:1.3}
.pl-next img{width:22px;height:22px;flex:0 0 auto}
.pl .pl-share{display:flex;margin:.75rem 0 0;padding:.6rem 1rem;border-radius:13px;border:2px solid #fff3d2;background:var(--pl-gold);color:var(--pl-ink);font:700 .82rem/1.1 'Unbounded',sans-serif;box-shadow:0 4px 0 var(--pl-gold-d);cursor:pointer}
.pl .pl-share:hover{background:#ffe3a6}
.pl .pl-share:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pl-gold-d)}
.pl-farmer{position:relative;z-index:1;width:112px;height:auto;align-self:end;filter:drop-shadow(0 10px 12px #13082099);margin:0 -.3rem -.2rem 0}
.pl-sub-h{margin:1.1rem 0 .6rem;font:700 .95rem/1.2 'Unbounded',sans-serif;color:#fff}

/* Mapa: las parcelas sobre la cuadrícula de cada granja (césped con casillas y parcelas de 3 × 3) */
.pl-map-help{margin:-.3rem 0 .6rem;font-size:.84rem;color:var(--pl-mute)}
.pl-farm{max-width:900px;margin-bottom:.8rem;padding:.7rem;border-radius:22px;border:2px solid var(--pl-edge);background:#24163b;box-shadow:inset 0 1px 0 #ffffff14,0 4px 0 #1a0d2c55}
.pl-farm-head{display:flex;align-items:center;gap:.7rem;margin:0 .2rem .6rem}
.pl-farm-head>div{display:grid;gap:.1rem;min-width:0}
.pl-land{width:58px;height:58px;flex:0 0 auto;border-radius:14px;object-fit:cover;border:2px solid #fff3d2;box-shadow:0 3px 0 #1a0d2c88}
.pl-farm-head b{font:700 .95rem/1.2 'Unbounded',sans-serif;color:#fff}
.pl-farm-head span{font-size:.8rem;color:var(--pl-mute)}
.pl-map{display:grid;grid-template-columns:repeat(var(--w),minmax(0,1fr));grid-template-rows:repeat(var(--h),minmax(0,1fr));aspect-ratio:var(--w)/var(--h);border-radius:14px;overflow:hidden;
  background:linear-gradient(#0000 calc(100% - 1px),#1d3a1230 0) 0 0/calc(100% / var(--w)) calc(100% / var(--h)),linear-gradient(90deg,#0000 calc(100% - 1px),#1d3a1230 0) 0 0/calc(100% / var(--w)) calc(100% / var(--h)),url(/img/juego/tierras/cesped.png) 0 0/calc(400% / var(--w)) calc(400% / var(--h)) #6db544;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #2e5a1a66,inset 0 -6px 0 #3d6b2455}
.pl-map img{image-rendering:auto}
/* Tranquil Waters: agua de píxeles en lugar de césped, solo animales acuáticos */
.pl-map.water{background:linear-gradient(#0000 calc(100% - 1px),#0b3a4a33 0) 0 0/calc(100% / var(--w)) calc(100% / var(--h)),linear-gradient(90deg,#0000 calc(100% - 1px),#0b3a4a33 0) 0 0/calc(100% / var(--w)) calc(100% / var(--h)),url(/img/juego/tierras/agua.png) 0 0/calc(400% / var(--w)) calc(400% / var(--h)) #2b9bab;box-shadow:inset 0 0 0 2px #10566366,inset 0 -6px 0 #1b6f7d55}
/* Piezas del mapa. Medallón: el centro de la carta del juego (la criatura o el dibujo del sobre de semillas), redondo y entero;
   se ajusta a su pieza con unidades de contenedor (cq), así nunca se corta. */
.pl-face{position:relative;display:block;flex:0 0 auto;width:72%;width:min(var(--fz,80cqw),var(--fz-h,80cqh));aspect-ratio:1;border-radius:50%;overflow:hidden;background:#f3ecff;
  box-shadow:0 0 0 1.5px #fff,0 2px 5px #13082099}
.pl-face img{position:absolute;left:-8.14%;top:-14.42%;width:116.28%;max-width:none;height:auto}
.pl-face.seed{background:#e5c48d}
.pl-face.seed img{left:-50%;top:-96.27%;width:200%}
/* Parcela: marco del color de su tipo, tierra con surcos y el medallón de la semilla */
.pl-tile{position:relative;display:grid;place-items:center;margin:7%;border-radius:16%;container-type:size;overflow:hidden;cursor:pointer;min-width:0;min-height:0;--fz:76cqw;--fz-h:76cqh;
  background:repeating-linear-gradient(180deg,#0000 0 17%,#3a200e40 17% 21%),radial-gradient(circle at 50% 35%,#94613a,#5d371a 80%);
  border:2px solid var(--rc);box-shadow:inset 0 2px 0 #ffffff30,inset 0 -3px 0 #00000045,0 2px 0 #1a0d2c88}
.pl-tile.empty{background:repeating-linear-gradient(180deg,#0000 0 17%,#3a200e40 17% 21%),#6e4527;opacity:.75}
.pl-tile.on{box-shadow:0 0 0 3px #fff,0 0 16px #ffffffaa;z-index:1}
.pl-tile:focus-visible{outline:3px solid #fff;outline-offset:1px}
.pl-ghost{margin:7%;border-radius:16%;border:1.5px dashed #ffffff5c;background:#ffffff0a}
/* Pool Plot: agua clara; Dark Pool Plot: agua oscura de Dark Reflections */
.pl-tile.pool{background:repeating-radial-gradient(circle at 30% 30%,#0000 0 14%,#ffffff26 14% 17%),radial-gradient(circle at 50% 35%,#a6f3ff,#36aec2 78%)}
.pl-tile.pool.empty{background:repeating-radial-gradient(circle at 30% 30%,#0000 0 14%,#ffffff1f 14% 17%),#4bb7c6}
.pl-tile.pool.dark{background:repeating-radial-gradient(circle at 30% 30%,#0000 0 14%,#b99cff26 14% 17%),radial-gradient(circle at 50% 35%,#6b4fc2,#251a4f 80%);box-shadow:inset 0 2px 0 #ffffff26,inset 0 -3px 0 #00000055,0 0 8px #8b6cff88,0 2px 0 #1a0d2c88}
.pl-tile.pool.dark.empty{background:repeating-radial-gradient(circle at 30% 30%,#0000 0 14%,#b99cff1f 14% 17%),#3a2a78}
/* Parcela alumbrada: halo de luz cálida */
.pl-tile.lit{box-shadow:inset 0 2px 0 #ffffff30,inset 0 -3px 0 #00000045,0 0 10px 3px #fff3a6b0}
.pl-tile.lit.on{box-shadow:0 0 0 3px #fff,0 0 16px #ffffffaa}
/* Lámpara: tubo de luz tumbado justo encima de sus dos parcelas */
.pl-lamp{position:relative;display:block;margin:6% 6% 0;min-width:0;min-height:0;border-radius:99px;cursor:pointer;
  background:linear-gradient(#fffef2,#fff3a6 45%,#ffd84d);border:2px solid var(--rc);box-shadow:0 0 10px 3px #fff3a6cc,0 2px 0 #1a0d2c66}
.pl-lamp i{position:absolute;top:-34%;bottom:-34%;left:6%;right:6%;background:linear-gradient(90deg,#5b3d22 0 7%,#0000 7% 93%,#5b3d22 93%)}
.pl-lamp.on{box-shadow:0 0 0 3px #fff,0 0 16px #ffffffaa;z-index:1}
/* Dark Water Lamp: luz violeta de Dark Reflections */
.pl-lamp.dark{background:linear-gradient(#f6efff,#cdb3ff 45%,#8b6cff);box-shadow:0 0 10px 3px #b99cffcc,0 2px 0 #1a0d2c66}
.pl-lamp.dark i{background:linear-gradient(90deg,#3a2a78 0 7%,#0000 7% 93%,#3a2a78 93%)}
.pl-lamp:focus-visible{outline:3px solid #fff;outline-offset:1px}
/* Cercado: valla de madera con su hierba y el medallón del animal, con el aro del color de su rareza */
.pl-pen{position:relative;display:grid;place-items:center;align-content:center;gap:4%;margin:2px;border-radius:8px;container-type:size;overflow:hidden;cursor:pointer;min-width:0;min-height:0;--fz:84cqw;--fz-h:84cqh;
  background:radial-gradient(ellipse at 50% 45%,#a4d873,#6aa344 85%);border:3px solid #b07a43;box-shadow:inset 0 0 0 1.5px #6b4321,0 0 0 1.5px #6b4321,0 3px 0 #1a0d2c66}
.pl-pen .pl-face{box-shadow:0 0 0 2px var(--rc),0 0 0 3.5px #ffffffcc,0 3px 7px #13082099}
.pl-pen>b{display:none;max-width:94%;padding:.1rem .45rem;border-radius:99px;background:#1f1233d9;color:#fff;font:700 .62rem/1.25 'Instrument Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* En cercados grandes (ordenador), el nombre debajo del medallón */
@container (min-width:96px) and (min-height:96px){.pl-pen>.pl-face{--fz-h:62cqh}.pl-pen>b{display:block}}
.pl-pen.on{box-shadow:0 0 0 3px #fff,0 0 16px #ffffffaa;z-index:1}
.pl-pen:focus-visible{outline:3px solid #fff;outline-offset:1px}
/* Animal sin comida: apagado (ocupa su sitio, pero no produce) */
.pl-pen.idle{filter:saturate(.35)}
.pl-pen.idle .pl-face{filter:grayscale(.85) brightness(.85)}
/* Tranquil Waters: estanque con orilla de arena para los animales acuáticos */
.pl-map.water .pl-pen{border-radius:32%;border-color:#e8d7a2;background:radial-gradient(ellipse at 50% 45%,#bff6ff,#4dbccb 85%);box-shadow:inset 0 0 0 1.5px #b59d5c,0 0 0 1.5px #8c7640,0 3px 0 #1a0d2c66}
.pl-map-pick{min-height:1.4em;margin:.5rem .2rem 0;font-size:.86rem;font-weight:600;color:#fff}
.pl-map-pick:empty{min-height:0;margin:0}
.pl-map-note{margin:.1rem .2rem 0;font-size:.86rem;color:var(--pl-mute)}
.pl-leg.lamp i{height:7px;border-radius:99px;background:linear-gradient(#fffef2,#ffd84d);box-shadow:0 0 6px 1px #fff3a6cc}
.pl-tag.lamp{background:#fff3a61c;border-color:#fff3a666}
.pl-tag.lamp img{width:auto;height:18px}
/* Qué hacer, paso a paso */
.pl-steps{display:grid;gap:.5rem;margin:0 0 .7rem;padding:0;list-style:none;counter-reset:pl-step}
.pl-steps li{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:.7rem;align-items:center;padding:.7rem .85rem .7rem .7rem;border-radius:16px;border:2px solid var(--pl-edge);background:#ffffff0b;line-height:1.4;counter-increment:pl-step}
.pl-steps li::before{content:counter(pl-step);position:absolute;left:.3rem;top:.3rem;z-index:1;display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:var(--pl-gold);color:var(--pl-ink);font:700 .66rem/1 'Unbounded',sans-serif;box-shadow:0 2px 0 var(--pl-gold-d)}
.pl-step-ico{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 6px #13082066)}
.pl-step-copy{min-width:0}
.pl-step-copy b{display:block;font:700 .88rem/1.3 'Unbounded',sans-serif;color:#fff}
.pl-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.pl-pill{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.22rem .6rem;border-radius:99px;background:#ffffff10;border:1px solid var(--rc,#ffffff33);font-size:.78rem;line-height:1.25;color:#f3eaff}
.pl-pill i{flex:0 0 auto;width:9px;height:9px;border-radius:3px;background:var(--rc,#fff)}
.pl-pill img{flex:0 0 auto;width:auto;height:30px;margin:-.2rem 0 -.2rem -.35rem;object-fit:contain;filter:drop-shadow(0 2px 3px #13082077)}
.pl-pill.idle{opacity:.75}.pl-pill.idle img{filter:grayscale(.8)}
/* Fichas con medallón (animales) y Dark Pool Plot con su punto violeta */
.pl-pill.round{padding-left:.25rem}
.pl-pill .pl-face{width:26px;box-shadow:0 0 0 1.5px var(--rc,#fff),0 1px 3px #13082099}
.pl-pill .pl-face img{width:116.28%;height:auto;margin:0;filter:none}
.pl-pill.idle .pl-face{filter:grayscale(.85)}
.pl-pill.dark i{background:#8b6cff;box-shadow:0 0 5px #8b6cffcc}
/* Leyenda del mapa */
.pl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;margin:.1rem .2rem .55rem;font-size:.76rem;color:var(--pl-mute)}
.pl-leg-t{flex:1 1 100%;font-weight:600}
.pl-leg{display:inline-flex;align-items:center;gap:.3rem}
.pl-leg i{width:15px;height:15px;border-radius:4px;background:#6a4123;box-shadow:inset 0 0 0 2px var(--rc)}
.pl-leg.free i{background:#ffffff0a;border:1.5px dashed #ffffff8c;box-shadow:none}
.pl-leg.dark i{background:#3a2a78;box-shadow:inset 0 0 0 2px #8b6cff,0 0 5px #8b6cff99}
.pl-leg.idle i{background:#8b8b8b;box-shadow:none}

/* Cartas del plan: parcela + semilla en abanico */
.pl-plan{display:grid;gap:.75rem}
.pl-row{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.7rem .9rem .7rem .55rem;border-radius:18px;border:2px solid var(--rc);
  background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--rc) 26%,transparent),transparent 60%),var(--pl-card);box-shadow:inset 0 1px 0 #ffffff14,0 4px 0 #1a0d2c55}
@supports not (background:color-mix(in srgb,red 50%,blue)){.pl-row{background:var(--pl-card)}}
.pl-art{position:relative;height:96px}
.pl-art img{position:absolute;top:2px;width:auto;height:86px;filter:drop-shadow(0 8px 10px #130820aa);transition:transform .2s}
.pl-art .plot{left:0;transform:rotate(-8deg)}
.pl-art .seed{left:32px;top:7px;transform:rotate(7deg)}
.pl-row:hover .pl-art .plot{transform:rotate(-11deg) translateX(-3px)}.pl-row:hover .pl-art .seed{transform:rotate(10deg) translateX(3px)}
.pl-times{position:absolute;left:-4px;bottom:0;z-index:2;padding:.2rem .5rem;border-radius:99px;background:var(--rc);color:var(--pl-ink);font:700 .8rem/1.2 'Unbounded',sans-serif;border:2px solid #fff;box-shadow:0 3px 0 #1a0d2c66}
.pl-row-copy{min-width:0}
.pl-row h5{margin:0;font:700 1rem/1.25 'Unbounded',sans-serif;color:#fff}
.pl-chip{display:inline-block;vertical-align:middle;margin-left:.15rem;padding:.18rem .45rem;border-radius:7px;background:color-mix(in srgb,var(--rc) 22%,transparent);color:var(--rc);font:600 .58rem/1.2 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rc)}
.pl-where{margin:.2rem 0 .45rem;font-size:.86rem;line-height:1.35;color:var(--pl-mute)}
.pl-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.pl-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border-radius:99px;background:#ffffff12;border:1px solid #ffffff18;font-size:.76rem;line-height:1.2;color:#efe5ff}
.pl-tag img{width:15px;height:15px}
.pl-tag.ok{background:#8ef0a81c;border-color:#8ef0a855}.pl-tag.warn{background:#ffb35a1f;border-color:#ffb35a66}
.pl-bp{margin:0;align-self:center;font:700 1.1rem/1 'Unbounded',sans-serif;color:var(--pl-green);white-space:nowrap}
.pl-bp small{font-size:.7rem}

/* Consejos del granjero */
.pl-tips{margin-top:1rem;padding:1rem;border-radius:20px;border:2px solid #ffd58355;background:linear-gradient(160deg,#ffd5831f,#ffd58308);box-shadow:inset 0 1px 0 #ffffff14}
.pl-tips-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem}
.pl-tips-head img{width:54px;height:auto;filter:drop-shadow(0 4px 6px #13082077)}
.pl-tips h5{margin:0;font:700 .95rem/1.2 'Unbounded',sans-serif;color:var(--pl-gold)}
.pl-tips ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pl-tips li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;padding:.65rem .75rem;border-radius:14px;background:#ffffff0b;font-size:.9rem;line-height:1.45}
.pl-tip-text{flex:1 1 15rem;min-width:0}
.pl-tips li b{color:var(--pl-green)}
.pl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.45rem .85rem;border-radius:11px;border:2px solid #fff3d2;background:var(--pl-gold);color:var(--pl-ink);font:700 .74rem/1.1 'Unbounded',sans-serif;box-shadow:0 3px 0 var(--pl-gold-d);cursor:pointer;touch-action:manipulation}
.pl-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--pl-gold-d)}
.pl-btn.ghost{background:#ffffff12;color:#fff;border-color:#e6ccff55;box-shadow:none}
.pl-btn.ghost:hover{background:#ffffff1f}
.pl-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}

/* Semillas que no se plantan */
.pl-left{margin-top:.8rem;border-radius:16px;border:1px solid var(--pl-edge);background:#ffffff08}
.pl-left summary{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;cursor:pointer;list-style:none;font-size:.88rem;color:var(--pl-mute)}
.pl-left summary::-webkit-details-marker{display:none}
.pl-left summary:after{content:'+';margin-left:auto;font:700 1.15rem/1 'Instrument Sans',sans-serif;color:var(--pl-gold)}
.pl-left[open] summary:after{content:'−'}
.pl-left-list{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 .9rem .9rem}
.pl-more{margin-top:.75rem}.pl-more summary{font:700 .86rem/1.2 'Unbounded',sans-serif;color:#fff}.pl-more>.pl-plan{padding:0 .6rem .7rem}
.pl-left-item{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem .25rem .3rem;border-radius:12px;background:#ffffff0d;font-size:.8rem}
.pl-left-item img{width:22px;height:32px;object-fit:contain}
.pl-left-item em{font-style:normal;color:var(--pl-mute);font-size:.72rem}

/* Vacíos */
.pl-empty{display:grid;justify-items:center;gap:.5rem;padding:1.4rem 1rem;text-align:center;border-radius:22px;border:2px dashed #e6ccff4d;background:#ffffff08}
.pl-empty img{width:120px;height:auto;filter:drop-shadow(0 8px 10px #13082077)}
.pl-empty h4{margin:0;font:700 1.02rem/1.3 'Unbounded',sans-serif;color:#fff}
.pl-empty p{margin:0;max-width:36ch;color:var(--pl-mute);font-size:.92rem}

/* Plegables: ajustes, animales y cómo se calcula */
.pl-fold{border:2px solid var(--pl-edge);border-radius:20px;background:#ffffff08;overflow:hidden}
.pl-fold>summary{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;cursor:pointer;list-style:none;font:700 .92rem/1.2 'Unbounded',sans-serif;color:#fff}
.pl-fold>summary::-webkit-details-marker{display:none}
.pl-fold>summary img{width:28px;height:28px;object-fit:contain}
.pl-fold>summary:after{content:'+';margin-left:auto;font:700 1.3rem/1 'Instrument Sans',sans-serif;color:var(--pl-gold)}
.pl-fold[open]>summary:after{content:'−'}
.pl-fold-body{display:grid;gap:1rem;padding:0 1rem 1.05rem}
.pl-set b{display:block;margin-bottom:.4rem;font-weight:700}
.pl-set p{margin:-.2rem 0 .5rem;font-size:.84rem;color:var(--pl-mute)}
.pl-seg{display:flex;flex-wrap:wrap;gap:.4rem}
.pl-seg button{flex:1 1 auto;min-height:40px;padding:.5rem .8rem;border-radius:12px;border:2px solid #e6ccff3d;background:#ffffff0b;color:#fff;font:600 .86rem/1.1 'Instrument Sans',sans-serif;cursor:pointer}
.pl-seg button[aria-checked="true"]{background:var(--pl-gold);border-color:#fff3d2;color:var(--pl-ink);box-shadow:0 3px 0 var(--pl-gold-d)}
.pl .farm-active-box{padding:.9rem;border:1px solid #8ef0a844;border-radius:16px;background:#8ef0a80d}
.pl .farm-active-box h4{margin:0 0 .25rem;font:700 .88rem/1.3 'Unbounded',sans-serif}
.pl .farm-active-box .ayuda{margin:0 0 .4rem;font-size:.84rem;color:var(--pl-mute)}
.pl .farm-active-row strong{font-size:.84rem}.pl .farm-active-row small{font-size:.7rem}
.pl .farm-active-summary span{display:block;font-size:.72rem;line-height:1.3;margin-top:.2rem}
.pl .farm-active-actions button{font-size:.8rem;color:var(--pl-gold);min-height:32px}
.pl-note{margin:0;font-size:.88rem;color:var(--pl-mute)}
.pl-dim{color:var(--pl-mute)}
.pl-animals{display:grid;gap:.6rem}
.pl-animal{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.7rem .85rem .7rem .7rem;border-radius:16px;border:1px solid var(--pl-edge);background:var(--pl-card)}
/* Medallón del animal con el aro de su rareza y, encima, el de su comida */
.pl-animal-art{position:relative;width:72px;height:72px}
.pl-animal-art .pl-face{width:66px;box-shadow:0 0 0 2.5px var(--rc),0 0 0 4px #ffffffcc,0 4px 8px #13082099}
.pl-animal-art .pl-face.food{position:absolute;right:-6px;bottom:-6px;width:32px;box-shadow:0 0 0 2px #fff,0 2px 4px #13082099}
.pl-animal .pl-bp{margin:0;text-align:right;font-size:1.05rem;line-height:1}
.pl-animal .pl-bp em{display:block;margin-top:.25rem;font:600 .68rem/1.2 'Instrument Sans',sans-serif;font-style:normal;color:var(--pl-mute)}
.pl-animals-total{margin:.7rem .2rem 0;font:700 .9rem/1.3 'Unbounded',sans-serif;color:var(--pl-green)}
.pl-animal h5{margin:0 0 .25rem;font:700 .86rem/1.25 'Unbounded',sans-serif}
.pl-animal p{margin:.15rem 0 0;font-size:.84rem;line-height:1.4}
.pl-animal p b{color:var(--pl-green)}
.pl-how{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;font-size:.88rem;line-height:1.5;color:var(--pl-mute)}

.pl :focus-visible{outline:3px solid #fff;outline-offset:2px}

@media(min-width:1100px){
  .pl-place{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1.3rem;align-items:start}
  .pl-place-steps>.pl-sub-h:first-child,.pl-place-map>.pl-sub-h:first-child{margin-top:1.1rem}
}
@media(min-width:760px){
  .pl-lands,.pl-freqs{max-width:760px}
  .pl-hero{grid-template-columns:150px minmax(0,1fr);padding-left:1.4rem;min-height:230px}
  .pl-hero>img{width:150px}
  .pl-bubble{max-width:560px;padding:1.1rem 1.3rem}
  .pl-bubble p{font-size:1.02rem}
  .pl-plan{grid-template-columns:1fr 1fr}
  .pl-animals{grid-template-columns:1fr 1fr}
  .pl-farmer{width:150px}
  .pl-plots{gap:1rem;max-width:640px}
}
@media(max-width:520px){
  .pl-freqs{gap:.3rem}.pl-freq{padding:.55rem .1rem .5rem;border-radius:13px}.pl-freq svg{width:30px;height:30px}.pl-freq b{font-size:.6rem}
  .pl-win{grid-template-columns:1fr}
  .pl-row{grid-template-columns:84px minmax(0,1fr);gap:.6rem;padding:.65rem .75rem .65rem .45rem}
  .pl-bp{grid-column:2;margin-top:-.15rem}
  .pl-farmer{position:absolute;right:4px;bottom:0;width:84px;margin:0}
  .pl-pills{padding-right:72px}
  .pl-win:before{width:36px;height:36px;top:4px;right:8px}.pl-win:after{display:none}
}
@media(max-width:420px){
  .pl-box{padding:.9rem .8rem}
  .pl-plots{gap:.35rem}
  .pl-plot small i{display:none}
  .pl-pools small{font-size:.64rem}
  .pl-stepper button{min-height:36px;font-size:1rem}
  .pl-art{height:86px}.pl-art img{height:76px}.pl-art .seed{left:26px}
}
@media(max-width:360px){.pl-plots{gap:.25rem}.pl-plot small,.pl-pools small{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.pl *{transition:none!important}.pl-row:hover .pl-art .plot{transform:rotate(-8deg)}.pl-row:hover .pl-art .seed{transform:rotate(7deg)}.pl-freq:hover{transform:none}}