:root{
  color-scheme:dark;
  --marfil:#faf5e9;
  --oro:#e7bd6a;
  --teal:#0b514a;
  --brasa:#611823;
  --violeta:#bd43ea;
  --azul:#168ff0;
  --naranja:#fb621e;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:#071011}
body{min-width:320px;min-height:100dvh;margin:0;color:var(--marfil);background:radial-gradient(circle at 20% 0,rgba(21,99,83,.28),transparent 26rem),radial-gradient(circle at 85% 100%,rgba(113,20,35,.4),transparent 33rem),#06090a}
button{font:inherit}button:focus-visible{outline:3px solid #fff4bd;outline-offset:4px}
.mesaRevision{width:min(100%,490px);min-height:100dvh;margin:0 auto;padding:12px 10px 18px;position:relative}
.revisionBar{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 5px 10px}.revisionBar p{margin:0;color:#83cbbd;font-size:8px;font-weight:800;letter-spacing:2.1px}.revisionBar h1{margin:3px 0 0;color:#f5df9e;font:700 17px/1.1 Georgia,serif}.restaurarDemo{border:1px solid rgba(231,189,106,.55);border-radius:7px;background:rgba(15,19,20,.8);color:#f3d789;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.4px;cursor:pointer}.restaurarDemo:hover{background:rgba(231,189,106,.15)}
.arena{isolation:isolate;position:relative;overflow:hidden;min-height:calc(100dvh - 104px);border:2px solid rgba(201,180,213,.35);border-radius:22px;background:#071110;box-shadow:0 0 0 1px rgba(0,0,0,.7),0 28px 70px rgba(0,0,0,.55),inset 0 0 80px rgba(0,0,0,.75)}
.marco{position:absolute;z-index:20;inset:5px;pointer-events:none;border:1px solid rgba(243,222,180,.16);border-radius:17px}.marco:before,.marco:after{content:"";position:absolute;width:22px;height:22px;border-color:rgba(239,210,148,.65);border-style:solid}.marco:before{top:-6px;left:-6px;border-width:2px 0 0 2px}.marco:after{right:-6px;bottom:-6px;border-width:0 2px 2px 0}
.luz{position:absolute;z-index:0;border-radius:50%;filter:blur(22px);opacity:.45;pointer-events:none}.luzSuperior{width:210px;height:210px;top:-70px;right:-50px;background:#168e74}.luzInferior{width:250px;height:180px;bottom:30px;left:-80px;background:#781227}
.territorio{position:relative;z-index:1;overflow:hidden;min-height:43dvh;padding:18px 18px 13px}.territorio:before,.territorio:after{content:"";position:absolute;pointer-events:none}.territorio:before{inset:0;background:repeating-radial-gradient(ellipse at 23% 45%,transparent 0 18px,rgba(154,245,205,.045) 19px 21px,transparent 22px 47px),linear-gradient(132deg,rgba(1,13,17,.32),transparent 55%)}.territorio:after{width:125%;height:180px;left:-15%;opacity:.6;transform:rotate(-18deg);background:repeating-linear-gradient(20deg,transparent 0 18px,rgba(134,241,200,.06) 19px 22px,transparent 23px 46px)}
.territorioRival{background:radial-gradient(ellipse at 50% -14%,rgba(32,127,105,.4),transparent 55%),radial-gradient(ellipse at 8% 74%,rgba(30,139,110,.25),transparent 38%),linear-gradient(155deg,#082421,#061612 75%)}.territorioHeroe{min-height:47dvh;padding-top:35px;background:radial-gradient(ellipse at 50% 110%,rgba(170,42,39,.39),transparent 52%),radial-gradient(ellipse at 93% 18%,rgba(136,20,53,.33),transparent 40%),linear-gradient(24deg,#260a10,#10070b 74%)}.territorioHeroe:before{background:repeating-radial-gradient(ellipse at 74% 53%,transparent 0 18px,rgba(251,106,87,.048) 19px 21px,transparent 22px 47px),linear-gradient(42deg,rgba(24,0,5,.37),transparent 55%)}.territorioHeroe:after{top:20px;background:repeating-linear-gradient(160deg,transparent 0 18px,rgba(247,98,67,.055) 19px 22px,transparent 23px 46px)}
.jugadorCabecera{position:relative;z-index:2;display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:5px 8px 5px 5px;border:1px solid rgba(238,225,191,.17);border-radius:9px;background:linear-gradient(90deg,rgba(1,11,13,.64),rgba(8,27,23,.18));box-shadow:0 7px 14px rgba(0,0,0,.2)}.jugadorCabecera p{margin:0;color:#9bd6c3;font-size:7px;font-weight:800;letter-spacing:1.3px}.jugadorCabecera h2{margin:1px 0 0;color:#f6e8bd;font:700 15px/1 Georgia,serif}.retrato{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(232,190,101,.7);border-radius:50%;font:800 9px/1 Georgia,serif;color:#f8e6a4;box-shadow:0 0 0 2px rgba(0,0,0,.55),inset 0 0 12px rgba(255,239,175,.24)}.retratoRival{background:conic-gradient(from 220deg,#103c36,#86ad78,#123c37,#061c1c)}.retratoHeroe{background:conic-gradient(from 220deg,#481425,#d47c4a,#662033,#260813)}.turnoPunto{width:7px;height:7px;margin-left:3px;border-radius:50%;background:#4fe2b4;box-shadow:0 0 11px #4fe2b4}.jugadorHeroe{margin-left:auto;background:linear-gradient(270deg,rgba(26,4,10,.64),rgba(70,13,27,.14));text-align:right}.jugadorHeroe p{color:#e5a48e}.recursoCabecera{margin-left:4px;padding-left:7px;border-left:1px solid rgba(255,255,255,.15);font:800 13px/1 Georgia,serif;color:#f6d166}.recursoCabecera b{display:block;margin-top:1px;color:#d6aeb2;font:700 6px/1.1 Inter,system-ui;letter-spacing:.7px}
.alma{position:relative;z-index:2;display:grid;justify-items:center;margin:auto;width:max-content;text-align:center;text-shadow:0 4px 13px rgba(0,0,0,.82)}.almaRival{padding-top:14px}.almaHeroe{padding-top:10px}.alma>span{order:2;margin-top:-8px;color:rgba(255,255,255,.82);font-size:9px;font-weight:900;letter-spacing:4px}.alma strong{font-size:clamp(105px,29vw,158px);font-weight:900;letter-spacing:-.09em;line-height:.73;color:#fdfbf4;filter:drop-shadow(0 6px 0 rgba(1,14,12,.2))}.alma small{order:3;margin-top:8px;color:rgba(181,233,211,.62);font-size:7px;font-weight:800;letter-spacing:1.6px}.almaHeroe small{color:rgba(244,173,156,.72)}
.acciones{position:relative;z-index:2;display:flex;justify-content:center;align-items:end;gap:clamp(13px,4.4vw,24px);margin:auto;width:100%;max-width:370px}.accionesRival{margin-top:-5px;flex-direction:row-reverse}.accionesHeroe{margin-top:9px}.accion{position:relative;display:grid;justify-items:center;gap:4px;width:clamp(67px,19.5vw,90px);padding:0;border:0;background:transparent;color:#fff;cursor:pointer;text-shadow:0 2px 3px rgba(0,0,0,.5);font-size:8px;font-weight:900;letter-spacing:.6px}.accion .simbolo{display:grid;place-items:center;width:clamp(55px,16vw,74px);height:clamp(55px,16vw,74px);border-radius:50%;font-size:clamp(29px,8vw,41px);font-family:Georgia,serif;line-height:1;color:#fff;border:2px solid rgba(255,255,255,.21);box-shadow:inset 0 2px 3px rgba(255,255,255,.32),inset 0 -7px 12px rgba(0,0,0,.16),0 7px 0 rgba(0,0,0,.25),0 11px 19px rgba(0,0,0,.32);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.accion span:last-of-type{color:#fff;transition:color .18s ease}.accionAtaque .simbolo{background:linear-gradient(145deg,#ff872c,#f24616)}.accionDefensa .simbolo{background:linear-gradient(145deg,#21adff,#0872dc)}.accionHabilidad .simbolo{background:linear-gradient(145deg,#dc64f7,#9222d5)}.accion:hover .simbolo,.accion[aria-pressed="true"] .simbolo{transform:translateY(-4px) scale(1.06);filter:brightness(1.15);box-shadow:inset 0 2px 4px rgba(255,255,255,.45),inset 0 -7px 12px rgba(0,0,0,.1),0 10px 0 rgba(0,0,0,.22),0 17px 27px rgba(0,0,0,.4)}.accion[aria-pressed="true"] span:last-of-type{color:#ffe49a}.accion kbd{position:absolute;bottom:-17px;display:grid;place-items:center;width:15px;height:14px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(0,0,0,.38);color:#e7d9c0;font:700 7px/1 system-ui;opacity:.86}
.ejeCentral{position:absolute;z-index:10;top:calc(43dvh - 31px);left:0;right:0;height:70px;display:grid;place-items:center;pointer-events:none}.ejeOrnamento{position:absolute;z-index:-1;left:-11%;right:-11%;height:17px;background:linear-gradient(180deg,rgba(90,8,26,.75),#18050a 35%,#2c0713 60%,rgba(147,30,47,.55));border-block:1px solid rgba(241,151,109,.35);box-shadow:0 1px 0 #060607,0 -1px 0 #060607}.ejeOrnamento:before,.ejeOrnamento:after{content:"";position:absolute;top:2px;width:40%;height:12px;background:repeating-radial-gradient(ellipse at center,transparent 0 5px,rgba(164,39,60,.47) 6px 7px,transparent 8px 14px)}.ejeOrnamento:before{left:5%}.ejeOrnamento:after{right:5%;transform:scaleX(-1)}.placaTurno{pointer-events:auto;display:grid;justify-items:center;width:156px;min-height:67px;padding:7px 13px 6px;clip-path:polygon(15% 0,85% 0,100% 31%,92% 100%,8% 100%,0 31%);background:linear-gradient(145deg,#050a0b,#211608 65%,#090e0d);filter:drop-shadow(0 7px 7px rgba(0,0,0,.8));border-radius:9px}.placaTurno:before{content:"";position:absolute;z-index:-1;inset:1px;clip-path:inherit;background:linear-gradient(145deg,rgba(239,195,99,.83),rgba(75,48,12,.65) 35%,rgba(243,193,91,.74))}.placaTurno:after{content:"";position:absolute;z-index:-1;inset:3px;clip-path:inherit;background:#0a0b0b}.placaTitulo{color:#b6a695;font-size:6px;font-weight:900;letter-spacing:1.25px}.reloj{display:flex;align-items:center;gap:4px;margin:3px 0 2px;padding:0;border:0;background:none;color:#f9f6e9;cursor:pointer;font-size:12px;line-height:1}.reloj span{color:#e3bd55;font-size:16px}.reloj strong{font-size:21px;letter-spacing:1px}.reloj[aria-pressed="true"] strong{color:#d3c6b5}.partida{display:flex;align-items:center;gap:3px;color:#ac9b9d;font-size:6px;font-weight:900;letter-spacing:1.3px}.partida i{display:block;width:5px;height:5px;border-radius:50%;background:#4ddba0}.partida i~i{background:#5d575a}
.diamantePd{position:absolute;z-index:11;right:-11px;top:calc(43dvh + 10px);display:grid;place-items:center;width:53px;height:53px;transform:rotate(45deg);border:2px solid rgba(241,204,160,.73);background:linear-gradient(145deg,#352842,#624b70);box-shadow:0 6px 18px rgba(0,0,0,.63),inset 0 0 15px rgba(255,255,255,.18);color:#fbecbe;text-shadow:0 2px 3px #120811}.diamantePd>*{transform:rotate(-45deg)}.diamantePd span{position:absolute;top:8px;font-size:6px;font-weight:900;letter-spacing:1px}.diamantePd strong{margin-top:3px;font:900 20px/1 Georgia,serif}.diamantePd small{position:absolute;bottom:6px;font-size:6px;font-weight:800;letter-spacing:.5px}
.mano{position:relative;z-index:3;margin:27px -9px 0;padding:7px 2px 0;border-top:1px solid rgba(241,180,149,.22);background:linear-gradient(180deg,rgba(12,1,4,.14),rgba(0,0,0,.38))}.manoEtiqueta{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 7px;color:#dcb09f;font-size:7px;font-weight:900;letter-spacing:2px}.manoEtiqueta span{display:block;width:31px;height:1px;background:linear-gradient(90deg,transparent,#c17962)}.manoEtiqueta span:last-child{transform:scaleX(-1)}.cartas{display:flex;justify-content:center;align-items:end;height:101px;padding:0 3px;overflow:hidden}.carta{position:relative;flex:0 0 67px;height:98px;margin:0 -5px 0;border:1px solid rgba(233,192,111,.78);border-radius:7px 7px 3px 3px;background:linear-gradient(150deg,#1c102a,#692c4a 53%,#150b17);color:#f7ebd0;box-shadow:0 -3px 12px rgba(0,0,0,.36);cursor:pointer;overflow:hidden;text-align:left;transition:transform .18s ease,filter .18s ease,margin .18s ease}.carta:before{content:"";position:absolute;inset:4px;border:1px solid rgba(250,215,146,.23);border-radius:4px;background:radial-gradient(circle at 40% 33%,rgba(243,169,80,.35),transparent 21px),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 8px,rgba(255,255,255,.055) 9px 10px,transparent 11px 19px)}.carta>*{position:relative;z-index:1}.carta small{display:block;margin:8px 7px 0;font-size:5px;font-weight:900;letter-spacing:.6px}.carta strong{display:block;margin:22px 7px 0;font:700 10px/1 Georgia,serif}.carta i{position:absolute;right:7px;bottom:13px;font:24px/1 Georgia,serif;color:rgba(255,230,145,.8)}.carta em{position:absolute;bottom:6px;left:7px;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.5px}.carta2{height:91px;background:linear-gradient(150deg,#08233a,#235282 53%,#0c1629)}.carta3{height:104px;background:linear-gradient(150deg,#3d250b,#81521e 53%,#1e1309)}.carta4{height:91px;background:linear-gradient(150deg,#1a0c29,#472760 53%,#100a18)}.carta5{height:98px;background:linear-gradient(150deg,#263012,#577037 53%,#101509)}.carta:hover,.carta:focus-visible{z-index:4;transform:translateY(-15px) scale(1.06);filter:brightness(1.14);margin-inline:1px}.carta:focus-visible{outline-offset:1px}
.lecturaEstado{position:absolute;z-index:12;right:9px;bottom:5px;left:9px;min-height:18px;margin:0;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.46);color:#e9d8b5;text-align:center;font-size:8px;line-height:1.25;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.lecturaEstado.visible{opacity:1;transform:none}
.notaRevision{margin:10px 5px 0;color:#abc0ba;font-size:10px;line-height:1.45}.notaRevision strong{color:#e0c27a}
.carta{--solape-carta:-5px;transition:transform .18s ease,filter .18s ease}.carta:hover,.carta:focus-visible,.carta[aria-pressed="true"]{z-index:4;transform:translateY(-15px) scale(1.06);filter:brightness(1.14);margin-inline:var(--solape-carta)}
@media(min-width:700px){body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.8%,rgba(224,191,108,.07) 50%,transparent 50.2%)}.mesaRevision{padding-top:20px}.arena{min-height:800px;max-height:calc(100dvh - 102px);aspect-ratio:9 / 19}.territorio{min-height:344px}.territorioHeroe{min-height:376px}.ejeCentral{top:313px}.diamantePd{top:354px}}
@media(max-height:730px) and (max-width:699px){.arena{min-height:690px}.territorio{min-height:294px}.territorioHeroe{min-height:336px}.ejeCentral{top:263px}.diamantePd{top:304px}.alma strong{font-size:112px}.carta{flex-basis:61px}.cartas{height:92px}.mano{margin-top:15px}}
@media(max-width:370px){.territorio{padding-inline:12px}.acciones{gap:12px}.carta{--solape-carta:-6px;flex-basis:61px;margin-inline:-6px}.jugadorCabecera h2{font-size:14px}.diamantePd{right:-15px}.alma strong{font-size:109px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}