/* ============================================================
   NARUTOMARKET · Simulador (v2) · tablero a pantalla completa
   El tamaño de carta (--cw) sale del alto y ancho disponibles:
   las cartas crecen todo lo posible sin solaparse.
   ============================================================ */
.sim{padding:calc(var(--cab-alto) + 20px) 0 32px}
.sim__intro{margin-bottom:18px}
.sim__intro h1{font-family:var(--pm-display);font-weight:400;font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.02em;margin:12px 0 10px}
.sim__intro p{color:var(--pm-tinta-2);max-width:72ch}
.sim__app{width:min(100% - 16px,1680px);margin-inline:auto}
body.sim-playing .sim__intro{display:none}
body.sim-playing .sim{padding-top:calc(var(--cab-alto) + 8px)}

/* ---------- Configuracion ---------- */
.sim-setup{display:grid;gap:20px;padding:clamp(18px,3vw,36px);border-radius:28px;background:linear-gradient(160deg,#14243D,#0B1424);color:#EEF2F8;box-shadow:var(--pm-elev-3)}
.sim-tutbtn{justify-self:start;display:inline-flex;gap:10px;align-items:center;padding:12px 20px;border-radius:999px;font-weight:700;color:#14243D;background:linear-gradient(180deg,#EAF2FC,#C9DCF4);box-shadow:0 3px 0 #8FAED6,0 12px 24px -10px rgba(0,0,0,.6);transition:transform .15s}
.sim-tutbtn:hover{transform:translateY(-2px)}
.sim-setup__decks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sim-deck{position:relative;display:flex;gap:16px;align-items:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .25s,border-color .25s,background .25s}
.sim-deck:hover{transform:translateY(-3px)}
.sim-deck input{position:absolute;opacity:0}
.sim-deck img{width:104px;border-radius:10px;box-shadow:0 14px 30px -10px #000}
.sim-deck b{display:block;font-family:var(--pm-display);font-weight:400;font-size:1.5rem}
.sim-deck small{color:#A9B6C8}
.sim-deck:has(input:checked){border-color:#F26B1D;background:rgba(242,107,29,.12);box-shadow:0 0 0 4px rgba(242,107,29,.2)}
.sim-deck:has(input:focus-visible){outline:3px solid #FFB37A;outline-offset:3px}
.sim-setup__opts{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end}
.sim-setup fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.sim-setup legend{font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#A9C8EE;margin-bottom:8px;width:100%}
.sim-pill{cursor:pointer}
.sim-pill input{position:absolute;opacity:0}
.sim-pill span{display:inline-block;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:.86rem;font-weight:600;transition:all .2s}
.sim-pill input:checked+span{background:linear-gradient(180deg,#F08A2E,#C94A12);box-shadow:0 3px 0 #7E2A06;color:#fff}
.sim-pill input:focus-visible+span{outline:3px solid #FFB37A;outline-offset:2px}
.sim-start{margin-left:auto}
.sim-rules{border-radius:16px;background:rgba(255,255,255,.05);padding:12px 18px}
.sim-rules summary{cursor:pointer;font-weight:600;color:#FFB37A}
.sim-rules ol{margin:12px 0 4px 18px;display:grid;gap:6px;color:#D4DCE7;font-size:.9rem;line-height:1.55}

/* ---------- Tablero ---------- */
.sim-board{--cw:min(calc((100vw - 110px) / 10.2),calc((100svh - var(--cab-alto) - 150px) / 6.25));
  position:relative;border-radius:26px;overflow:hidden;color:#EEF2F8;
  background:radial-gradient(60% 45% at 50% 50%,rgba(242,107,29,.15),transparent 70%),linear-gradient(180deg,#101C30,#0B1322 48%,#0B1322 52%,#101C30);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),var(--pm-elev-3)}
.sim-board::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.07;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4a16 16 0 1 1-11.3 27.3A12 12 0 1 1 26.5 14 8 8 0 1 0 15.2 25.3' fill='none' stroke='%23F26B1D' stroke-width='1.2'/%3E%3C/svg%3E") center/min(60%,620px) no-repeat}
.sim-bar{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:rgba(5,10,20,.45);border-bottom:1px solid rgba(255,255,255,.06)}
.sim-turn{font-size:.82rem;white-space:nowrap}
.sim-turn.is-thinking{color:#FFB37A}
.sim-phases{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.sim-phases li{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:.72rem;font-weight:600;color:#7F90A8;background:rgba(255,255,255,.04);transition:all .3s}
.sim-phases li span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.62rem;background:rgba(255,255,255,.08)}
.sim-phases li.is-on{color:#fff;background:linear-gradient(180deg,#E86A26,#A83A0B);box-shadow:0 2px 0 #6E2405,0 0 18px rgba(242,107,29,.5)}
.sim-phases li.is-on span{background:rgba(255,255,255,.25)}
.sim-bar__tools{display:flex;gap:6px}
.sim-tool{padding:6px 12px;border-radius:999px;font-size:.76rem;font-weight:600;color:#D4DCE7;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sim-tool[aria-expanded=true]{background:#F26B1D;color:#fff}
.sim-tool i{font-style:normal;font-family:var(--pm-mono);opacity:.7}
.sim-table{position:relative;padding:4px 14px calc(var(--cw) * .1)}

/* Lados: fila de mando + campo */
.sim-side{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:calc(var(--cw) * .22);row-gap:4px;align-items:center;padding:4px 8px;border-radius:18px;
  grid-template-areas:"leader field piles" "chakra support summon"}
.sim-side--ai{grid-template-areas:"chakra support summon" "leader field piles"}
.sim-side.is-active{background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(242,107,29,.22)}
.sim-a-leader{grid-area:leader}.sim-a-field{grid-area:field}.sim-a-piles{grid-area:piles}
.sim-a-chakra{grid-area:chakra}.sim-a-support{grid-area:support}.sim-a-summon{grid-area:summon}
.sim-a-field{display:flex;justify-content:center;gap:calc(var(--cw) * .1)}
.sim-cell{display:grid;place-items:center;width:calc(var(--cw) * 1.06);height:calc(var(--cw) * 1.4)}
.sim-a-support{display:flex;align-items:center;justify-content:center;gap:10px}
.sim-a-support>div{display:flex;gap:6px}
.sim-a-chakra,.sim-a-summon{display:flex;align-items:center;gap:8px}
.sim-a-chakra small,.sim-a-support small,.sim-a-summon small{font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7F90A8}
.sim-chakras{display:flex;gap:4px}
.sim-a-piles{display:flex;gap:8px}

/* ---------- Cartas ---------- */
.sim-card{position:relative;display:block;width:var(--cw);aspect-ratio:63/88;padding:0;border:0;border-radius:calc(var(--cw) * .06);background:#000;cursor:default;
  box-shadow:0 10px 18px -8px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.12);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .25s,filter .25s}
.sim-card>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none}
.sim-card.is-actionable{cursor:pointer;box-shadow:0 0 0 2px #F26B1D,0 0 22px rgba(242,107,29,.6),0 10px 18px -8px #000}
.sim-card.is-actionable:hover{transform:translateY(-6px) scale(1.05)}
.sim-card.is-selected{box-shadow:0 0 0 3px #FFB37A,0 0 30px rgba(255,179,122,.85)}
.sim-card.is-target{cursor:crosshair;box-shadow:0 0 0 3px #E5534B,0 0 28px rgba(229,83,75,.85);animation:simPulse 1s ease-in-out infinite}
.sim-card.is-rested{transform:rotate(90deg) scale(.74)}
.sim-card.is-rested.is-actionable:hover{transform:rotate(90deg) scale(.78)}
.sim-card.is-sick>img{filter:saturate(.55) brightness(.72)}
.sim-card.is-negated::after{content:'∅';position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;background:#555;color:#fff}
.sim-card.is-shield{box-shadow:0 0 0 2px #7FA8D9,0 0 20px rgba(127,168,217,.75)}
.sim-card.is-noattack::before{content:'⛓';position:absolute;top:-10px;left:-8px;z-index:3;font-size:1.1rem}
.sim-card.is-attacked{animation:simShake .4s 2}
.sim-card.is-hitflash>img{animation:simFlash .45s}
.sim-card--leader{width:calc(var(--cw) * 1.04)}
.sim-card--back{display:block;width:var(--cw);aspect-ratio:63/88;border-radius:calc(var(--cw) * .06);position:relative;
  background:radial-gradient(circle,transparent 0 22%,rgba(255,255,255,.18) 23% 25%,transparent 26% 36%,rgba(255,255,255,.12) 37% 39%,transparent 40%),linear-gradient(160deg,#E86A26,#9C3A0C);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.18),0 8px 14px -8px #000}
.sim-card--back::after,.sim-pile--deck::after{content:'';position:absolute;inset:0;margin:auto;width:46%;aspect-ratio:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 4a16 16 0 1 1-11.3 27.3A12 12 0 1 1 26.5 14 8 8 0 1 0 15.2 25.3' fill='none' stroke='%23FFE3CC' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.sim-card--mini{width:calc(var(--cw) * .32)}
.sim-stats{position:absolute;left:4%;right:4%;bottom:calc(var(--cw) * -.1);display:flex;justify-content:space-between;gap:2px;z-index:2;pointer-events:none}
.sim-stats i{font-style:normal;font-family:var(--pm-mono);font-size:max(.6rem,calc(var(--cw) * .12));font-weight:700;min-width:1.7em;text-align:center;padding:2px 4px;border-radius:6px;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.5)}
.st-pow{background:linear-gradient(180deg,#E86A26,#A83A0B)}.st-pow.up{background:linear-gradient(180deg,#FFD07A,#E08A16);color:#2a1300}
.st-hp{background:linear-gradient(180deg,#3DBE8B,#137A52)}.st-dmg{background:linear-gradient(180deg,#5B83C0,#1F3B63)}
.sim-stats--leader{justify-content:center;gap:6px}
.sim-cost{position:absolute;top:-8px;left:-8px;z-index:2;width:max(22px,calc(var(--cw) * .24));aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:var(--pm-mono);font-size:max(.7rem,calc(var(--cw) * .12));font-weight:700;color:#fff;background:linear-gradient(180deg,#25466F,#14243D);box-shadow:0 0 0 2px #F26B1D}
.sim-slot{width:var(--cw);aspect-ratio:63/88;border-radius:calc(var(--cw) * .06);border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02)}
.sim-a-support .sim-card,.sim-a-support .sim-card--back,.sim-slot--small{width:calc(var(--cw) * .5)}
.sim-a-support .sim-stats,.sim-a-support .sim-cost{display:none}
.sim-facedown{position:relative}
.sim-facedown .sim-card>img{filter:brightness(.55) saturate(.6)}
.sim-facedown::after{content:'';position:absolute;inset:0;border-radius:6px;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(242,107,29,.2) 0 4px,transparent 4px 9px)}

/* Lider, vida, chakra, summon, pilas */
.sim-leader{position:relative;display:flex;align-items:center;gap:calc(var(--cw) * .12)}
.sim-life{--pct:100;position:relative;display:grid;place-items:center;width:calc(var(--cw) * .66);aspect-ratio:1;border-radius:50%;background:conic-gradient(#F26B1D calc(var(--pct) * 1%),rgba(255,255,255,.1) 0);box-shadow:0 10px 24px -8px rgba(242,107,29,.6)}
.sim-life::before{content:'';position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#22324E,#0B1322)}
.sim-life b,.sim-life small{position:relative;line-height:1}
.sim-life b{font-family:var(--pm-mono);font-size:calc(var(--cw) * .24);font-weight:700}
.sim-life small{font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:#A9B6C8;margin-top:calc(var(--cw) * -.14)}
.sim-life.is-low{background:conic-gradient(#E5534B calc(var(--pct) * 1%),rgba(255,255,255,.1) 0);animation:simLow 1.2s ease-in-out infinite}
.sim-chakra{display:block;width:calc(var(--cw) * .3);aspect-ratio:63/88;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.sim-chakra img{width:100%;height:100%;object-fit:cover}
.sim-chakra.is-down{background:repeating-linear-gradient(135deg,#B8410E 0 4px,#8A2F08 4px 8px);box-shadow:0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 2px rgba(0,0,0,.25)}
.sim-summon{display:block;width:calc(var(--cw) * .42);aspect-ratio:63/88;border-radius:5px;overflow:hidden;transition:transform .4s;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.sim-summon img{width:100%;height:100%;object-fit:cover}
.sim-summon.is-rested{transform:rotate(90deg) scale(.8);filter:brightness(.6)}
.sim-pile{position:relative;display:block;width:calc(var(--cw) * .46);aspect-ratio:63/88;border-radius:5px;overflow:hidden;padding:0;border:0;background:#222;box-shadow:2px 2px 0 #1a2638,4px 4px 0 #142033,0 0 0 1px rgba(255,255,255,.12)}
.sim-pile img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}
.sim-pile b{position:absolute;inset:auto 0 3px;z-index:1;text-align:center;font-family:var(--pm-mono);font-size:.78rem;text-shadow:0 1px 3px #000}
.sim-pile--deck{background:linear-gradient(160deg,#E86A26,#9C3A0C)}
.sim-pile--trash{cursor:pointer}

/* Zona central y mano */
.sim-mid{display:flex;align-items:center;gap:14px;margin:2px 0}
.sim-mid__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(242,107,29,.6),transparent)}
.sim-end:disabled{opacity:.35;pointer-events:none}
.sim-end.is-pulse{animation:simPulseBtn 1.4s ease-in-out infinite}
.sim-aihand{display:flex;align-items:center;gap:10px;justify-content:center;font-size:.7rem;color:#7F90A8}
.sim-aihand>div{display:flex}
.sim-aihand .sim-card--back{margin-left:calc(var(--cw) * -.1)}
.sim-hand{position:relative;display:flex;justify-content:center;align-items:flex-end;height:calc(var(--cw) * 1.22);padding-top:6px}
.sim-hand__card{margin:0 calc(var(--cw) * -.08);transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3.5deg)) translateY(calc(max(var(--i) - (var(--n) - 1) / 2, (var(--n) - 1) / 2 - var(--i)) * 5px));transition:transform .3s;z-index:1}
.sim-hand__card:hover{z-index:20;transform:translateY(calc(var(--cw) * -.3)) scale(1.1)}

/* ---------- Vista ampliada, menus y paneles ---------- */
.sim-zoom{position:absolute;z-index:40;display:flex;gap:14px;align-items:flex-start;width:min(560px,46vw);padding:14px;border-radius:20px;pointer-events:none;
  background:rgba(8,14,26,.94);backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(242,107,29,.4),0 30px 60px -20px #000;animation:simZoomIn .18s ease-out}
.sim-zoom img{width:min(260px,22vw);border-radius:14px;box-shadow:0 20px 40px -14px #000}
.sim-zoom b{display:block;font-family:var(--pm-display);font-weight:400;font-size:1.4rem;line-height:1.15}
.sim-zoom small{display:block;font-family:var(--pm-mono);font-size:.74rem;color:#FFB37A;margin:6px 0 10px}
.sim-zoom p{font-size:.86rem;line-height:1.55;color:#D4DCE7}
.sim-prompt{position:absolute;z-index:30;left:50%;bottom:calc(var(--cw) * 1.3);transform:translateX(-50%);width:min(440px,92%);max-height:60%;overflow:auto;padding:14px;border-radius:18px;
  background:rgba(255,253,249,.97);color:var(--pm-tinta);box-shadow:0 0 0 1px rgba(30,22,10,.1),0 30px 60px -20px #000;animation:simPromptIn .22s cubic-bezier(.34,1.56,.64,1)}
.sim-prompt.is-urgent{box-shadow:0 0 0 3px #E0561A,0 30px 60px -20px #000}
.sim-prompt b{display:block;margin-bottom:8px}
.sim-prompt__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}
.sim-prompt__head img{width:64px;border-radius:6px;box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.sim-menu-text{font-size:.78rem;line-height:1.5;color:var(--pm-tinta-2);margin:0}
.sim-alert{color:var(--pm-naranja-texto)}
.sim-prompt__btns{display:grid;gap:8px}
.sim-prompt__btns .btn{justify-content:flex-start;text-align:left;width:100%}
.sim-hint{font-size:.82rem;color:var(--pm-tinta-2);margin:10px 0 0}
.sim-cancel{margin-top:10px;font-size:.78rem;font-weight:600;color:var(--pm-tinta-3);text-decoration:underline}
.sim-trashlist{display:flex;flex-wrap:wrap;gap:6px;max-height:240px;overflow:auto}
.sim-trashlist img{width:56px;border-radius:4px}
[data-tema="oscuro"] .sim-prompt{background:rgba(22,22,26,.97)}
.sim-drawer{position:absolute;z-index:35;top:46px;right:10px;bottom:10px;width:min(340px,86%);overflow:auto;padding:16px;border-radius:18px;background:rgba(255,253,249,.97);color:var(--pm-tinta);box-shadow:0 30px 60px -20px #000;animation:simDrawer .25s ease-out}
[data-tema="oscuro"] .sim-drawer{background:rgba(22,22,26,.97)}
.sim-drawer__close{position:absolute;top:8px;right:10px;font-size:1.4rem;line-height:1;color:var(--pm-tinta-3)}
.sim-drawer b{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pm-tinta-3)}
.sim-preview{display:grid;gap:12px}
.sim-preview img{width:100%;max-width:240px;border-radius:12px;box-shadow:0 14px 26px -12px rgba(0,0,0,.6)}
.sim-preview b{font-family:var(--pm-display);font-size:1.2rem;letter-spacing:0;text-transform:none;color:var(--pm-tinta)}
.sim-preview small{display:block;font-family:var(--pm-mono);font-size:.7rem;color:var(--pm-naranja-texto);margin:4px 0 8px}
.sim-preview p{font-size:.84rem;line-height:1.55;color:var(--pm-tinta-2)}
.sim-preview a{font-size:.76rem;font-weight:600;color:var(--pm-naranja-texto)}
.sim-loglist,.sim-ruleslist{margin:10px 0 0;padding-left:0;list-style:none;display:grid;gap:5px;font-size:.8rem;color:var(--pm-tinta-2)}
.sim-ruleslist{list-style:decimal;padding-left:18px;line-height:1.5}
.sim-loglist li.is-turn{color:var(--pm-naranja-texto);font-weight:600;margin-top:4px}
.sim-rotate{display:none}

/* ---------- Tutorial ---------- */
.sim-tut{position:absolute;z-index:45;left:50%;transform:translateX(-50%);width:min(460px,92%);padding:16px 18px;border-radius:18px;color:#14243D;
  background:linear-gradient(180deg,#FFFFFF,#EAF2FC);box-shadow:0 0 0 3px #7FA8D9,0 30px 60px -16px #000;animation:simPromptIn .3s cubic-bezier(.34,1.56,.64,1)}
.sim-tut p{font-size:.95rem;line-height:1.55;margin:6px 0 12px}
.sim-tut__n{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3F6FA8}
.sim-tut>div{display:flex;align-items:center;gap:14px}
.sim-tut .sim-cancel{margin:0}
.is-tut-focus{position:relative;z-index:6;border-radius:14px;box-shadow:0 0 0 3px #7FA8D9,0 0 0 9999px rgba(3,8,16,.45);animation:simTutGlow 1.6s ease-in-out infinite}
.sim-board.is-tutorial .sim-prompt{z-index:46}

/* ---------- Efectos ---------- */
.sim-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}
.sim-arrow{fill:none;stroke:#F26B1D;stroke-width:5;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:simDraw .45s forwards,simFade .4s 1s forwards;filter:drop-shadow(0 0 8px rgba(242,107,29,.9))}
.sim-arrow.is-keep{animation:simDraw .45s forwards}
.sim-fx{position:absolute;inset:0;pointer-events:none;z-index:9}
.sim-float{position:absolute;transform:translate(-50%,-50%);font-family:var(--pm-mono);font-weight:800;font-size:calc(var(--cw) * .3);text-shadow:0 2px 8px rgba(0,0,0,.8);animation:simFloat 1.3s cubic-bezier(.22,.61,.36,1) forwards}
.sim-float.is-dmg{color:#FF6A5E;font-size:calc(var(--cw) * .5)}.sim-float.is-heal{color:#55D6A0}.sim-float.is-buff{color:#FFD07A}.sim-float.is-block{color:#A9C8EE}
.sim-spark{position:absolute;width:7px;height:7px;margin:-3px;border-radius:50%;background:#FFD07A;box-shadow:0 0 10px #F26B1D;animation:simSpark .7s ease-out forwards}
.sim-ring{position:absolute;width:calc(var(--cw) * 1.6);aspect-ratio:1;margin:calc(var(--cw) * -.8) 0 0 calc(var(--cw) * -.8);border-radius:50%;border:3px solid #FFB37A;box-shadow:0 0 30px #F26B1D,inset 0 0 20px rgba(242,107,29,.6);animation:simRing .85s ease-out forwards}
.sim-banner{position:absolute;inset:0;z-index:10;display:grid;place-items:center;pointer-events:none}
.sim-banner span{width:100%;padding:12px 40px;text-align:center;font-family:var(--pm-display);font-size:calc(var(--cw) * .38);color:#fff;background:linear-gradient(90deg,transparent,rgba(184,65,14,.92) 20%,rgba(242,107,29,.95) 50%,rgba(184,65,14,.92) 80%,transparent);animation:simBanner 1.4s cubic-bezier(.22,.61,.36,1) forwards}
.sim-reveal{position:absolute;left:50%;top:50%;z-index:11;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%);animation:simReveal .5s cubic-bezier(.34,1.56,.64,1)}
.sim-reveal img{width:calc(var(--cw) * 2.2);max-width:300px;border-radius:14px;box-shadow:0 0 0 3px #F26B1D,0 0 70px rgba(242,107,29,.75),0 30px 60px -20px #000}
.sim-reveal b{font-family:var(--pm-display);font-size:1.5rem;text-shadow:0 2px 10px #000}
.sim-reveal small{font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#FFB37A}
.sim-reveal.is-out{opacity:0;transform:translate(-50%,-50%) scale(.8);transition:all .25s}
.anim-ko{animation:simKO .44s forwards}
.anim-bounce{animation:simBounce .44s forwards}
.anim-summon{animation:simSummon .7s cubic-bezier(.34,1.56,.64,1)}
.anim-flip{animation:simFlip .5s both}
.anim-hit{animation:simHit .55s}
.anim-shake{animation:simShake .35s}
.sim-end-screen{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:rgba(5,10,20,.72);backdrop-filter:blur(4px);animation:simFadeIn .4s}
.sim-end-screen>div{display:grid;gap:10px;justify-items:center;padding:32px 48px;border-radius:24px;background:linear-gradient(160deg,#1F3B63,#0B1424);box-shadow:var(--pm-elev-3)}
.sim-end-screen b{font-family:var(--pm-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:400}
.sim-end-screen.is-win b{color:#FFB37A;text-shadow:0 0 30px rgba(242,107,29,.7)}
.sim-end-screen.is-lose b{color:#A9C8EE}
.sim-end-screen small{color:#A9B6C8}
.sim-dots{display:inline-block;width:18px;height:6px;background:radial-gradient(circle,#FFB37A 2px,transparent 3px) 0 0/6px 6px repeat-x;animation:simDots 1s steps(3) infinite}
@keyframes simPulse{50%{box-shadow:0 0 0 3px #E5534B,0 0 40px rgba(229,83,75,1)}}
@keyframes simPulseBtn{50%{box-shadow:0 0 0 6px rgba(242,107,29,.35),0 10px 22px -8px rgba(168,58,11,.7)}}
@keyframes simDraw{to{stroke-dashoffset:0}}
@keyframes simFade{to{opacity:0}}
@keyframes simFloat{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-170%) scale(1)}}
@keyframes simBanner{0%{opacity:0;transform:scaleX(.3)}18%{opacity:1;transform:scaleX(1)}80%{opacity:1}100%{opacity:0;transform:translateX(30px)}}
@keyframes simReveal{from{opacity:0;transform:translate(-50%,-50%) scale(.4) rotateY(90deg)}}
@keyframes simKO{0%{transform:scale(1)}35%{transform:scale(1.12) rotate(-5deg);filter:brightness(2.4) saturate(0)}100%{transform:scale(.2) rotate(18deg) translateY(30px);opacity:0;filter:blur(5px)}}
@keyframes simBounce{to{transform:translateY(140px) scale(.6) rotate(-10deg);opacity:0}}
@keyframes simSummon{0%{filter:brightness(2.6) saturate(.4)}40%{filter:brightness(1.6)}100%{filter:none}}
@keyframes simFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg) scale(1.1)}100%{transform:rotateY(0)}}
@keyframes simHit{30%{filter:brightness(2.2) sepia(1) hue-rotate(-30deg);transform:translateX(-8px)}60%{transform:translateX(8px)}}
@keyframes simShake{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}
@keyframes simFlash{40%{filter:brightness(2.6) saturate(0)}}
@keyframes simSpark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@keyframes simRing{from{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}
@keyframes simLow{50%{box-shadow:0 0 0 6px rgba(229,83,75,.25),0 10px 24px -8px rgba(229,83,75,.8)}}
@keyframes simDots{to{background-position:18px 0}}
@keyframes simFadeIn{from{opacity:0}}
@keyframes simZoomIn{from{opacity:0;transform:scale(.94)}}
@keyframes simPromptIn{from{opacity:0;transform:translateX(-50%) translateY(14px) scale(.96)}}
@keyframes simDrawer{from{opacity:0;transform:translateX(20px)}}
@keyframes simTutGlow{50%{box-shadow:0 0 0 5px #A9C8EE,0 0 0 9999px rgba(3,8,16,.45)}}

/* ---------- Tablet ---------- */
@media (max-width:1100px){
  .sim-board{--cw:min(calc((100vw - 70px) / 8.6),calc((100svh - var(--cab-alto) - 150px) / 6.3))}
  .sim-phases li{padding:4px 8px}
}
/* ---------- Movil (vertical recomendado) ---------- */
@media (max-width:700px){
  .sim__app{width:100%}
  .sim-board{--cw:calc((100vw - 34px) / 5.75);border-radius:0}
  .sim-bar{flex-wrap:wrap;padding:6px 8px;gap:6px}
  .sim-phases{order:3;width:100%;justify-content:space-between}
  .sim-phases li{padding:3px 7px;font-size:.62rem}
  .sim-phases li span{width:15px;height:15px}
  .sim-turn{font-size:.74rem}
  .sim-tool{padding:5px 9px;font-size:.7rem}
  .sim-table{padding:2px 4px 6px}
  .sim-side{grid-template-columns:auto 1fr auto;column-gap:6px;padding:2px;
    grid-template-areas:"leader chakra piles" "field field field" "support support summon"}
  .sim-side--ai{grid-template-areas:"support support summon" "field field field" "leader chakra piles"}
  .sim-card--leader{width:calc(var(--cw) * .82)}
  .sim-life{width:calc(var(--cw) * .62)}
  .sim-life b{font-size:calc(var(--cw) * .26)}
  .sim-a-chakra{flex-direction:column;align-items:flex-start;gap:3px}
  .sim-chakra{width:calc(var(--cw) * .32)}
  .sim-a-field{gap:3px}
  .sim-cell{width:calc(var(--cw) * 1.05)}
  .sim-a-support small,.sim-a-summon small,.sim-a-chakra small{font-size:.5rem}
  .sim-a-support .sim-card,.sim-a-support .sim-card--back,.sim-slot--small{width:calc(var(--cw) * .44)}
  .sim-hand{height:calc(var(--cw) * 1.3)}
  .sim-hand__card{margin:0 calc(var(--cw) * -.14)}
  .sim-stats i{font-size:.55rem;padding:1px 2px;min-width:1.4em}
  .sim-prompt{position:fixed;left:8px;right:8px;bottom:8px;transform:none;width:auto;max-height:55vh;animation:simSheetIn .22s ease-out}
  .sim-drawer{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;max-height:65vh;border-radius:20px 20px 0 0}
  .sim-preview{grid-template-columns:110px 1fr}
  .sim-preview img{max-width:110px}
  .sim-tut{position:fixed;top:auto!important;bottom:10px!important;left:8px;right:8px;transform:none;width:auto;animation:simSheetIn .3s ease-out}
  .sim-setup__decks{grid-template-columns:1fr}
}
@keyframes simSheetIn{from{opacity:0;transform:translateY(20px)}}
/* Movil en horizontal: muy poca altura, se recomienda girar */
@media (max-height:500px) and (orientation:landscape) and (hover:none){
  .sim-board{--cw:calc((100svh - 90px) / 5.4)}
  .sim-rotate{display:block;position:absolute;z-index:60;left:10px;top:50px;max-width:260px;padding:10px 12px;border-radius:12px;font-size:.78rem;background:#F26B1D;color:#fff;box-shadow:0 10px 20px -8px #000}
}
@media (prefers-reduced-motion:reduce){
  .sim-card,.sim-hand__card{transition:none}
  .anim-ko,.anim-bounce,.anim-summon,.anim-flip,.anim-hit,.anim-shake,.sim-card.is-target,.sim-card.is-attacked,.is-tut-focus,.sim-life.is-low,.sim-end.is-pulse{animation:none}
}
/* La mano tiene su propio espacio y no tapa la fila de apoyos */
.sim-hand{height:calc(var(--cw) * 1.5);margin-top:calc(var(--cw) * .12);align-items:flex-start}
.sim-hand__card{transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3.5deg)) translateY(calc(max(var(--i) - (var(--n) - 1) / 2, (var(--n) - 1) / 2 - var(--i)) * 4px))}
.sim-hand__card:hover{transform:translateY(calc(var(--cw) * -.35)) scale(1.12)}
.sim-board{--cw:min(calc((100vw - 110px) / 10.2),calc((100svh - var(--cab-alto) - 150px) / 6.6))}
@media (max-width:1100px){.sim-board{--cw:min(calc((100vw - 70px) / 8.6),calc((100svh - var(--cab-alto) - 150px) / 6.6))}}
@media (max-width:700px){.sim-board{--cw:calc((100vw - 34px) / 5.75)}.sim-hand{height:calc(var(--cw) * 1.5)}}
/* Movil: el aviso del tutorial va a la mitad contraria a la zona que explica */
@media (max-width:700px){
  .sim-tut.is-above{top:calc(var(--cab-alto) + 8px)!important;bottom:auto!important}
  .sim-tut.is-below{bottom:10px!important;top:auto!important}
}
/* Contenido informativo bajo el tablero (posicionamiento) */
.sim-seo{padding-top:clamp(40px,5vw,72px)}
.sim-seo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.sim-seo h2{font-family:var(--pm-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0 0 14px}
.sim-seo h2+p{color:var(--pm-tinta-2);line-height:1.7}
.sim-seo__rules{margin:16px 0 18px 20px;display:grid;gap:8px;line-height:1.6;color:var(--pm-tinta-2)}
.sim-seo__modes{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.sim-seo__modes li{padding:12px 16px;border-radius:14px;background:var(--pm-papel-2);border:1px solid var(--pm-linea);line-height:1.55}
body.sim-playing .sim-seo{display:none}
@media (max-width:800px){.sim-seo__grid{grid-template-columns:1fr}}

/* Arrastrar y soltar */
.sim-card.is-actionable{touch-action:none}
.sim-card.is-dragging{opacity:.3;filter:grayscale(.6)}
.sim-ghost{position:fixed;left:0;top:0;z-index:60;pointer-events:none;margin:0;transition:none;animation:none;box-shadow:0 0 0 3px #FFB37A,0 26px 40px -12px rgba(0,0,0,.9),0 0 34px rgba(242,107,29,.7)}
.sim-board.is-dragging,.sim-board.is-dragging *{cursor:grabbing!important;user-select:none}
[data-zone].is-drop{border-radius:14px;outline:2px dashed rgba(242,107,29,.85);outline-offset:4px;background:rgba(242,107,29,.08);cursor:pointer;animation:simDrop 1.2s ease-in-out infinite}
[data-zone].is-drop .sim-slot{border-color:rgba(255,179,122,.9);background:rgba(242,107,29,.16);box-shadow:inset 0 0 18px rgba(242,107,29,.45)}
[data-zone].is-drop-hover{outline:3px solid #FFB37A;background:rgba(242,107,29,.22)}
.sim-card.is-target.is-drop-hover{transform:scale(1.1);box-shadow:0 0 0 4px #FF8A80,0 0 40px rgba(229,83,75,1)}
@keyframes simDrop{50%{outline-color:rgba(255,179,122,.35)}}
@media (prefers-reduced-motion:reduce){[data-zone].is-drop{animation:none}}

/* Compact touch controls leave the battlefield visible. Card details open only
   through the Info control; selecting a card updates that panel silently. */
.sim-response-selects{display:grid;gap:6px;margin:8px 0}
.sim-response-selects select{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--pm-linea);border-radius:10px;background:var(--pm-papel);color:var(--pm-tinta);font:inherit;font-size:.82rem}
.sim-response-footer{display:flex;gap:8px}
.sim-response-footer .btn{flex:1;min-height:44px;justify-content:center}
@media (max-width:700px){
  body.sim-playing .sim{padding-top:var(--cab-alto);padding-bottom:0}
  .sim-prompt{padding:10px;max-height:34svh;overscroll-behavior:contain;scrollbar-gutter:stable}
  .sim-prompt__head{gap:8px;margin-bottom:6px;align-items:center}
  .sim-prompt__head img{width:30px}
  .sim-prompt b{font-size:.78rem;line-height:1.35;margin-bottom:5px}
  .sim-prompt__btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sim-prompt__btns .btn{min-height:44px;padding:8px;font-size:.74rem;overflow-wrap:anywhere}
  .sim-prompt .sim-hint{font-size:.65rem;margin:4px 0}
  .sim-drawer{bottom:0;top:auto;max-height:34svh;padding:12px 16px;overscroll-behavior:contain}
  .sim-preview{grid-template-columns:64px minmax(0,1fr);gap:10px;padding-top:15px}
  .sim-preview img{max-width:64px}
  .sim-preview p{font-size:.78rem;line-height:1.45}
  .sim-drawer__close{min-width:44px;min-height:44px;z-index:1}
  .sim-setup{padding:14px;gap:14px;border-radius:18px}
  .sim-setup__decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sim-deck{flex-direction:column;padding:10px;gap:8px;text-align:center}
  .sim-deck img{width:64px}
  .sim-deck b{font-size:1.05rem}
  .sim-pill span{padding:9px 12px}
}
@media (max-height:500px) and (hover:none){
  .sim-prompt{max-height:40svh;max-width:420px;left:auto;right:8px;width:54vw;transform:none;bottom:6px}
  .sim-prompt__head img,.sim-prompt .sim-menu-text,.sim-prompt .sim-hint{display:none}
  .sim-response-selects{grid-template-columns:1fr 1fr}
  .sim-drawer{max-height:50svh}
}

/* Movil: ficha ampliada de una carta al tocarla */
.sim-inspect{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,10,18,.78);backdrop-filter:blur(4px);animation:simInspIn .18s ease-out}
.sim-inspect__box{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px 16px 16px;border-radius:22px;background:linear-gradient(180deg,#16233A,#0D1626);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -20px #000;color:#EEF2F8}
.sim-inspect__box img{width:auto;max-width:78%;max-height:52dvh;border-radius:14px;box-shadow:0 18px 36px -14px #000}
.sim-inspect__txt{width:100%}
.sim-inspect__txt b{display:block;font-family:var(--pm-display,serif);font-weight:400;font-size:1.35rem;line-height:1.15}
.sim-inspect__txt small{display:block;margin:6px 0 10px;font-family:var(--pm-mono,monospace);font-size:.74rem;color:#FFB37A}
.sim-inspect__txt p{margin:0 0 10px;font-size:.92rem;line-height:1.55;color:#D4DCE7}
.sim-inspect__txt a{font-size:.82rem;color:#8EC5F2}
.sim-inspect__close{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.sim-inspect__close:focus-visible{outline:2px solid #FFB37A;outline-offset:2px}
.sim-inspect-btn{color:#fff!important;border-color:rgba(255,255,255,.5)!important;background:transparent!important}
@keyframes simInspIn{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.sim-inspect{animation:none}}

/* ===== Pantalla inicial de Jugar: azul claro como la tarjeta de la portada ===== */
.sim-setup{background:radial-gradient(560px 340px at 88% 12%,rgba(224,86,26,.22),transparent 70%),linear-gradient(135deg,#3B86C0 0%,#2A6197 52%,#163252 100%)!important;color:#F3EEE5}
.sim-setup legend{color:#D3E6F8}
.sim-deck{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.sim-deck small{color:#D3DEEB}
.sim-pill span{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.sim-setup__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.sim-setup .sim-start{margin-left:0;padding:16px 34px;font-size:1.08rem;min-height:54px;box-shadow:0 4px 0 #9C3A0B,0 18px 34px -12px rgba(0,0,0,.6)}
.sim-setup .sim-tutbtn{justify-self:auto;padding:10px 18px;font-size:.88rem;font-weight:600;color:#F3EEE5;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.sim-setup .sim-tutbtn:hover{background:rgba(255,255,255,.1)}
.sim-setup .sim-rules summary{color:#F3EEE5}
.sim-setup .sim-rules{background:rgba(255,255,255,.08)}

/* Menu de carta en partida: boton "Ver carta" legible sobre el fondo claro */
.sim-prompt .sim-inspect-btn{color:var(--pm-tinta,#17130E)!important;background:transparent!important;border-color:var(--pm-linea-2,#d9cbb9)!important;box-shadow:inset 0 0 0 1px rgba(30,22,10,.25)!important}
[data-tema="oscuro"] .sim-prompt .sim-inspect-btn{color:#F3EEE5!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}

/* Fin de partida: nivel y opciones */
.sim-end-levels{border:0;padding:0;margin:14px 0 4px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sim-end-levels legend{width:100%;margin-bottom:8px;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#A9C8EE;text-align:center}
.sim-end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}
.sim-end-screen .btn--linea{color:#F3EEE5!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important;background:transparent!important}
.sim-exit{color:#FFB37A}

/* ===== Movil: la partida ocupa toda la pantalla, sin cabecera ni pie ===== */
@media (max-width:700px){
  .sim-setup__actions{flex-direction:column;align-items:stretch}
  .sim-setup .sim-start{width:100%;justify-content:center}
  .sim-setup .sim-tutbtn{align-self:center}
  body.sim-playing .cab,body.sim-playing .pie,body.sim-playing .arriba,body.sim-playing .cmp-tray{display:none!important}
  body.sim-playing{overflow:hidden;overscroll-behavior:none}
  body.sim-playing .sim{padding:0!important;margin:0}
  body.sim-playing .sim__app{height:100dvh;margin:0}
  body.sim-playing .sim-board{height:100dvh;display:flex;flex-direction:column;border-radius:0;
    --cw:min(calc((100vw - 34px) / 5.75),calc((100dvh - 120px) / 8.7))}
  body.sim-playing .sim-table{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
  body.sim-playing .sim-bar{flex:none}
  body.sim-playing .sim-mid{margin:2px 0}
  body.sim-playing .sim-end{min-height:36px;padding:6px 18px;font-size:.86rem}
  body.sim-playing .sim-tool{padding:5px 8px}
}
@media (max-width:700px){.sim__intro{margin-bottom:12px}.sim__intro h1{font-size:1.75rem;margin:8px 0 6px}.sim__intro p{font-size:.86rem;line-height:1.5;margin:0 0 6px}.sim__intro .sim-source-note{font-size:.74rem;line-height:1.45;color:var(--pm-tinta-3,#6f665b)}.sim-deck{padding:8px}.sim-deck img{width:54px}.sim-setup{gap:12px}}
@media (max-width:700px){.sim-deck{gap:4px}.sim-deck img{width:46px}.sim-deck b{font-size:.98rem}.sim-deck small{font-size:.68rem;line-height:1.35}.sim-pill span{padding:7px 11px;font-size:.8rem}.sim-setup legend{margin-bottom:6px}.sim-setup .sim-start{min-height:50px;padding:12px 24px}}

/* ===== /play: listas de los mazos demo y donde jugar en persona ===== */
.sim-decks,.sim-where{margin-top:clamp(40px,5vw,64px)}
.sim-decks h2,.sim-where h2{font-family:var(--pm-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.1rem);margin:0 0 12px}
.sim-decks__intro,.sim-where>p:first-of-type{color:var(--pm-tinta-2);line-height:1.7;max-width:80ch}
.sim-decks__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}
.sim-decklist{padding:18px;border-radius:20px;background:var(--pm-papel-2,#fffdf9);border:1px solid var(--pm-linea-2,#e6dacb);box-shadow:var(--pm-elev-2)}
.sim-decklist__head{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.sim-decklist__head img{width:70px;height:auto;border-radius:8px;box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.sim-decklist__head h3{margin:0 0 4px;font-family:var(--pm-display);font-weight:400;font-size:1.35rem}
.sim-decklist__head p{margin:0;font-size:.84rem;color:var(--pm-tinta-2)}
.sim-decklist__tabla{width:100%;border-collapse:collapse;font-size:.86rem}
.sim-decklist__tabla th,.sim-decklist__tabla td{padding:8px 6px;border-top:1px solid var(--pm-linea-2,#e6dacb);text-align:left;vertical-align:middle}
.sim-decklist__tabla thead th{border-top:0;font:700 .64rem/1.2 var(--pm-mono,monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--pm-tinta-2)}
.sim-decklist__tabla th[scope=row] a{color:inherit;font-weight:700;text-decoration:none}
.sim-decklist__tabla th[scope=row] a:hover{color:#E0561A;text-decoration:underline}
.sim-decklist__tabla small{font:600 .68rem var(--pm-mono,monospace);color:var(--pm-tinta-3,#6f665b)}
.sim-decklist__n{font-weight:700;color:var(--pm-naranja-texto,#a9420a);white-space:nowrap}
.sim-decklist__num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sim-decklist__extra{margin:10px 0 0;font-size:.8rem;color:var(--pm-tinta-2)}
.sim-where__list{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.sim-where__list a{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:14px;background:var(--pm-papel-2,#fffdf9);border:1px solid var(--pm-linea-2,#e6dacb);text-decoration:none;color:inherit;transition:transform .2s}
.sim-where__list a:hover{transform:translateY(-2px)}
.sim-where__list span{font-size:.8rem;color:var(--pm-tinta-2)}
[data-tema="oscuro"] .sim-decklist,[data-tema="oscuro"] .sim-where__list a{background:#1C1C21;border-color:rgba(255,255,255,.08)}
[data-tema="oscuro"] .sim-decklist__tabla th,[data-tema="oscuro"] .sim-decklist__tabla td{border-color:rgba(255,255,255,.08)}
[data-tema="oscuro"] .sim-decklist__n{color:#FFB37A}
@media (max-width:800px){.sim-decks__grid{grid-template-columns:1fr}.sim-decklist{padding:14px}.sim-decklist__tabla{font-size:.8rem}.sim-decklist__tabla th,.sim-decklist__tabla td{padding:7px 4px}}
body.sim-playing .sim-decks,body.sim-playing .sim-where{display:none}

/* /play: trailer de la demo (horizontal en escritorio, vertical en movil) */
.sim-trailer{padding-top:clamp(36px,5vw,64px)}
.sim-trailer .caja{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:clamp(20px,4vw,48px);align-items:center}
.sim-trailer h2{font-family:var(--pm-display);font-weight:400;font-size:clamp(1.6rem,2.8vw,2.3rem);margin:10px 0 12px}
.sim-trailer p{color:var(--pm-tinta-2);line-height:1.65;margin:0 0 18px}
.sim-trailer__media video{display:block;width:100%;height:auto;border-radius:20px;background:#0B1424;box-shadow:0 30px 60px -28px rgba(11,20,36,.8)}
.sim-trailer__v{display:none!important}
body.sim-playing .sim-trailer{display:none}
@media (max-width:700px){
  .sim-trailer .caja{grid-template-columns:1fr}
}

/* ===== Decisiones sobre el tablero: cartas utilizables resaltadas ===== */
.sim-card.is-option{box-shadow:0 0 0 3px #FFB37A,0 0 22px rgba(242,107,29,.9)!important;animation:simOpt 1.3s ease-in-out infinite;cursor:pointer;z-index:3}
.sim-card.is-option-pass{box-shadow:0 0 0 3px #8EC5F2,0 0 22px rgba(74,154,217,.9)!important;animation-name:simOptPass}
@keyframes simOpt{50%{box-shadow:0 0 0 3px #FFB37A,0 0 6px rgba(242,107,29,.4)}}
@keyframes simOptPass{50%{box-shadow:0 0 0 3px #8EC5F2,0 0 6px rgba(74,154,217,.4)}}
.sim-prompt.is-compact{padding:10px 14px;max-width:440px}
.sim-prompt.is-compact .sim-hint{margin:4px 0 8px}
.sim-prompt.is-compact .sim-prompt__btns{display:flex}
.sim-prompt.is-compact .sim-prompt__btns .btn{width:auto}
/* Ventana de opciones de una carta */
.sim-cardpop{position:absolute;z-index:48;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,92%);max-height:80%;overflow:auto;padding:16px;border-radius:18px;background:rgba(255,253,249,.98);color:var(--pm-tinta);box-shadow:0 0 0 1px rgba(30,22,10,.1),0 30px 60px -20px #000;animation:simPromptIn .2s ease-out}
[data-tema="oscuro"] .sim-cardpop{background:rgba(22,22,26,.98);color:#F3EEE5}
.sim-cardpop__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.sim-cardpop__head img{width:78px;border-radius:7px;box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.sim-cardpop__head b{display:block;font-family:var(--pm-display);font-weight:400;font-size:1.15rem;margin-bottom:4px}
.sim-cardpop__head p{margin:0;font-size:.78rem;line-height:1.5;color:var(--pm-tinta-2)}
[data-tema="oscuro"] .sim-cardpop__head p{color:#C9D3DF}
.sim-cardpop__btns{display:grid;gap:8px}
.sim-cardpop__btns .btn{width:100%;justify-content:center;min-height:44px}
.sim-cardpop .sim-cancel{display:block;margin:10px auto 0}
/* Avisos de lo que hace el rival */
.sim-toasts{position:absolute;z-index:44;top:56px;left:50%;transform:translateX(-50%);width:min(470px,94%);display:flex;flex-direction:column;gap:8px;pointer-events:none}
.sim-toast{padding:10px 12px;border-radius:14px;background:rgba(11,20,36,.94);color:#F3EEE5;border:1px solid rgba(255,179,122,.45);box-shadow:0 18px 40px -16px #000;animation:simToastIn .3s ease-out;transition:opacity .35s,transform .35s}
.sim-toast.is-out{opacity:0;transform:translateY(-8px)}
.sim-toast__row{display:flex;align-items:center;gap:10px}
.sim-toast__card{flex:none;width:46px;height:auto;aspect-ratio:63/88;border-radius:5px;object-fit:cover;box-shadow:0 6px 14px -6px #000}
.sim-toast__card.is-back{display:block;background:repeating-linear-gradient(135deg,#B8410E 0 4px,#8A2F08 4px 8px)}
.sim-toast__txt{flex:1;min-width:0}
.sim-toast__txt small{display:block;font:700 .6rem/1.2 var(--pm-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#FFB37A}
.sim-toast__txt b{display:block;font-family:var(--pm-display);font-weight:400;font-size:1rem;line-height:1.2}
.sim-toast__txt span{display:block;font-size:.78rem;color:#C9D6E6}
.sim-toast__txt p{margin:4px 0 0;font-size:.72rem;line-height:1.4;color:#AFC0D4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sim-toast__arrow{flex:none;color:#FFB37A;font-size:1.2rem}
@keyframes simToastIn{from{opacity:0;transform:translateY(-10px)}}
@media (max-width:700px){.sim-toasts{top:76px}.sim-toast{padding:8px 10px}.sim-toast__card{width:38px}.sim-cardpop{width:min(360px,94%)}}
@media (prefers-reduced-motion:reduce){.sim-card.is-option{animation:none}.sim-toast{animation:none}}
/* El aviso compacto no debe tapar las cartas resaltadas */
.sim-prompt.is-compact{left:auto;right:16px;top:50%;bottom:auto;transform:translateY(-50%);width:min(330px,30%)}
@media (max-width:700px){.sim-prompt.is-compact{left:8px;right:8px;top:52px;bottom:auto;transform:none;width:auto}.sim-toasts{top:40%}}
@media (max-width:700px){.sim-prompt.is-compact{top:100px}}
/* Cartas que pueden hacer una accion: resaltado amarillo intenso */
.sim-card.is-actionable,.sim-card.is-option{box-shadow:0 0 0 3px #FFE14D,0 0 0 6px rgba(255,214,0,.35),0 0 30px 6px rgba(255,214,0,.85),0 10px 18px -8px #000!important;animation:simYellow 1.2s ease-in-out infinite}
.sim-card.is-option-pass{box-shadow:0 0 0 3px #8EC5F2,0 0 26px rgba(74,154,217,.95)!important;animation:simOptPass 1.3s ease-in-out infinite}
@keyframes simYellow{50%{box-shadow:0 0 0 3px #FFF27A,0 0 0 8px rgba(255,214,0,.55),0 0 42px 10px rgba(255,214,0,1),0 10px 18px -8px #000}}
@media (prefers-reduced-motion:reduce){.sim-card.is-actionable,.sim-card.is-option{animation:none}}
.sim-toast{pointer-events:auto;cursor:pointer}
/* Ventana de carta resaltada: la carta en grande junto a sus opciones */
.sim-cardpop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;width:min(640px,94%);max-height:92%;padding:18px}
.sim-cardpop__img{width:min(230px,34vw);aspect-ratio:63/88;object-fit:cover;border-radius:12px;box-shadow:0 0 0 3px #FFE14D,0 0 34px rgba(255,214,0,.55),0 22px 40px -16px #000}
.sim-cardpop__body{min-width:0;display:flex;flex-direction:column;gap:12px}
.sim-cardpop__head{display:block;margin:0}
.sim-cardpop__head p{font-size:.84rem}
.sim-cardpop .sim-cancel{margin:2px auto 0}
/* Menu de tu turno: carta grande a la izquierda */
.sim-prompt.is-card{width:min(560px,94%)}
.sim-prompt.is-card .sim-prompt__head img{width:150px;aspect-ratio:63/88;object-fit:cover;border-radius:10px;box-shadow:0 0 0 3px #FFE14D,0 16px 30px -14px #000}
.sim-prompt.is-card.has-targets .sim-prompt__head img{width:96px}
/* Barra superior: altura fija aunque cambie el texto del turno */
.sim-turn{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Aviso del rival con efecto: carta origen grande; se aparta si se revela otra carta */
.sim-toast.is-eff .sim-toast__row>.sim-toast__card:first-child{width:96px;border-radius:8px;box-shadow:0 0 0 2px #F26B1D,0 0 26px rgba(242,107,29,.6)}
.sim-toast.is-eff .sim-toast__txt p{-webkit-line-clamp:5}
.sim-toasts{transition:opacity .2s}
.sim-toasts.is-hush{opacity:0}
@media (max-width:700px){
  .sim-turn{flex:1 1 0}
  .sim-bar__tools{flex:none}
  .sim-cardpop{grid-template-columns:1fr;justify-items:center;gap:10px;padding:14px;max-height:94%;overflow:auto}
  .sim-cardpop__img{width:min(46vw,200px)}
  .sim-cardpop__body{width:100%;gap:8px}
  .sim-cardpop__head{text-align:center}
  .sim-prompt.is-card{max-height:48svh}
  .sim-prompt.is-card .sim-prompt__head{align-items:flex-start}
  .sim-prompt.is-card .sim-prompt__head img{width:28vw;max-width:120px}
  .sim-prompt.is-card.has-targets .sim-prompt__head img{width:18vw}
  .sim-prompt.is-card .sim-menu-text{display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;font-size:.7rem;line-height:1.4;margin:0}
  .sim-toast.is-eff .sim-toast__row>.sim-toast__card:first-child{width:22vw;max-width:96px}
}
@media (max-height:500px) and (hover:none){.sim-prompt.is-card .sim-prompt__head img{display:block;width:70px}}
.sim-before{margin-top:clamp(40px,5vw,64px);max-width:860px}body.sim-playing .sim-before{display:none}
.sim-before ol{margin:10px 0 0;padding-left:1.3em;line-height:1.6}
.sim-before li{margin:6px 0}