.fx-FIGHTER{--fx:#e2bf62}.fx-UPGRADE{--fx:#e8f7a0}.fx-SKILL{--fx:#8fd3ff}.fx-COUNTER{--fx:#ff9f7a}.fx-EQUIPMENT{--fx:#e2c886}.fx-MAGIC_SOURCE{--fx:#c7a2ff}.fx-LEGACY{--fx:#f5e7c4}.fx-SWITCH{--fx:#7fe3cf}.fx-EVENT{--fx:#ffd36e}.fx-ABILITY{--fx:#b8f0a0}.fx-ATTACK{--fx:#ffe08a}.fx-KO{--fx:#ff6b5e}.fx-LIFE{--fx:#ff8a7a}.fx-BLADE{--fx:#dfe8ef}.fx-VICTORY{--fx:#d9f2b4}.fx-DEFEAT{--fx:#ffb39a}.fx-layer{pointer-events:none;z-index:50;place-items:center;display:grid;position:fixed;inset:0}.fx-banner{--dir:1;border:2px solid var(--fx);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--fx) 28%, transparent), transparent 70%), #0b1226f0;min-width:min(340px,86vw);max-width:90vw;box-shadow:0 0 0 1px #0008, 0 0 42px color-mix(in srgb, var(--fx) 55%, transparent), inset 0 0 26px color-mix(in srgb, var(--fx) 18%, transparent);color:#f3efe6;text-align:center;border-radius:10px;justify-items:center;gap:6px;padding:26px 34px;animation:1.2s cubic-bezier(.2,.9,.3,1.2) both fx-summon;display:grid;position:relative;overflow:hidden}.fx-banner.fx-theirs{--dir:-1}.fx-banner small{letter-spacing:2px;text-transform:uppercase;color:var(--fx);font-size:11px}.fx-banner strong{letter-spacing:-.5px;text-shadow:0 0 18px color-mix(in srgb, var(--fx) 60%, transparent);font-size:clamp(22px,4vw,32px);font-weight:600}.fx-rays{z-index:-1;opacity:0;position:absolute;inset:-60%}.fx-banner.fx-FIGHTER:after{content:"";border:2px solid var(--fx);border-radius:50%;width:30px;height:30px;margin-left:-15px;animation:.9s ease-out .15s both fx-ring;position:absolute;bottom:8px;left:50%}.fx-banner.fx-UPGRADE{animation-name:fx-evolve}.fx-banner.fx-SKILL{animation:1.2s cubic-bezier(.1,.8,.2,1) both fx-dash}.fx-banner.fx-COUNTER{animation:1.2s ease-out both fx-block}.fx-banner.fx-COUNTER:after{content:"";background:var(--fx);mix-blend-mode:screen;animation:.45s ease-out .1s both fx-slash;position:absolute;inset:-20% 45%;transform:rotate(35deg)scaleY(0)}.fx-banner.fx-EQUIPMENT{animation:1.2s cubic-bezier(.3,1.4,.5,1) both fx-drop}.fx-banner.fx-MAGIC_SOURCE{animation:1.2s ease-out both fx-float,1.2s linear both fx-hue}.fx-banner.fx-LEGACY .fx-rays,.fx-banner.fx-EVENT .fx-rays,.fx-banner.fx-VICTORY .fx-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--fx) 30%, transparent) 0deg 8deg, transparent 8deg 22deg);animation:1.6s linear both fx-rays}.fx-banner.fx-LEGACY{animation:1.2s ease-out both fx-solemn}.fx-banner.fx-EVENT{background:#070b18f7;border-left:0;border-right:0;border-radius:0;min-width:100vw;padding:34px 20px;animation:1.2s cubic-bezier(.2,.8,.2,1) both fx-cinema}.fx-banner.fx-SWITCH{animation:1.2s ease-out both fx-flip}.fx-banner.fx-ABILITY{animation:1.2s ease-out both fx-pop}.fx-banner.fx-VICTORY,.fx-banner.fx-DEFEAT{padding:40px 60px;animation:2.2s ease-out both fx-solemn}.fx-banner.fx-VICTORY strong,.fx-banner.fx-DEFEAT strong{font-size:clamp(36px,7vw,60px)}.fx-toast{border:1px solid var(--fx);box-shadow:0 0 24px color-mix(in srgb, var(--fx) 45%, transparent);background:#0b1226e8;border-radius:999px;align-self:start;justify-items:center;gap:2px;margin-top:18vh;padding:10px 18px;animation:.65s ease-out both fx-toast;display:grid}.fx-toast strong{color:var(--fx);font-size:18px}.fx-toast small{color:#c4c9da;font-size:11px}.fx-toast.fx-KO{animation:.65s ease-out both fx-toast-ko}.fighter.fx-hit{border-color:var(--fx);box-shadow:0 0 18px color-mix(in srgb, var(--fx) 60%, transparent);animation:.6s ease-in-out 2 alternate fx-glow}.fighter.fx-hit.fx-ATTACK{animation:.6s ease-out fx-lunge}.fighter.fx-hit.fx-KO,.fighter.fx-hit.fx-COUNTER{animation:.45s ease-in-out fx-shake}.stat.fx-hit{color:var(--fx);animation:.32s ease-in-out 2 fx-beat;display:inline-block}@keyframes fx-summon{0%{opacity:0;transform:translateY(calc(var(--dir) * 120px)) scale(.6)}22%{opacity:1;transform:translateY(0)scale(1.06)}32%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes fx-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(14)}}@keyframes fx-evolve{0%{opacity:0;filter:brightness(2.2);transform:rotateY(90deg)scale(.8)}28%{opacity:1;filter:brightness(1.6);transform:rotateY(0)scale(1.08)}40%,82%{filter:brightness();transform:scale(1)}to{opacity:0}}@keyframes fx-dash{0%{opacity:0;transform:translateX(calc(var(--dir) * -60vw)) skewX(-18deg)}20%{opacity:1;transform:translate(0)skew(6deg)}30%,80%{transform:none}to{opacity:0;transform:translateX(calc(var(--dir) * 40vw)) skewX(-12deg)}}@keyframes fx-block{0%{opacity:0;transform:scale(1.4)}12%{opacity:1;transform:scale(1)translate(-10px)}18%{transform:translate(10px)}24%{transform:translate(-6px)}30%,82%{transform:none}to{opacity:0}}@keyframes fx-slash{0%{opacity:.9;transform:rotate(35deg)scaleY(0)}60%{opacity:.7;transform:rotate(35deg)scaleY(1.2)}to{opacity:0;transform:rotate(35deg)scaleY(1.2)}}@keyframes fx-drop{0%{opacity:0;transform:translateY(-50vh)}24%{opacity:1;transform:translateY(0)}30%{transform:translateY(-14px)}36%,82%{transform:none}to{opacity:0}}@keyframes fx-float{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}30%,80%{opacity:1;filter:none;transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-24px)}}@keyframes fx-hue{0%{filter:hue-rotate(-40deg)}to{filter:hue-rotate(40deg)}}@keyframes fx-rays{0%{opacity:0;transform:rotate(0)}25%,70%{opacity:1}to{opacity:0;transform:rotate(60deg)}}@keyframes fx-solemn{0%{opacity:0;filter:brightness(2);transform:scale(.92)}30%,82%{opacity:1;filter:none;transform:scale(1)}to{opacity:0}}@keyframes fx-cinema{0%{opacity:0;transform:scaleY(0)}18%{opacity:1;transform:scaleY(1.1)}26%,82%{transform:none}to{opacity:0;transform:scaleY(.2)}}@keyframes fx-flip{0%{opacity:0;transform:rotateX(90deg)}20%{opacity:1;transform:rotateX(-20deg)}30%,82%{transform:none}to{opacity:0}}@keyframes fx-pop{0%{opacity:0;transform:scale(.3)}18%{opacity:1;transform:scale(1.15)}28%,82%{transform:scale(1)}to{opacity:0}}@keyframes fx-toast{0%{opacity:0;transform:translateY(-12px)scale(.9)}20%,75%{opacity:1;transform:none}to{opacity:0}}@keyframes fx-toast-ko{0%{opacity:0;transform:scale(1.6)}15%{opacity:1;transform:scale(1)rotate(-3deg)}25%{transform:rotate(3deg)}35%,75%{transform:none}to{opacity:0;transform:translateY(20px)}}@keyframes fx-glow{0%{box-shadow:0 0 4px color-mix(in srgb, var(--fx) 30%, transparent)}to{box-shadow:0 0 26px var(--fx)}}@keyframes fx-lunge{30%{transform:translateY(-10px)scale(1.04)}60%{transform:translateY(4px)}}@keyframes fx-shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes fx-beat{50%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.fx-banner,.fx-banner:after,.fx-toast,.fx-rays,.fighter.fx-hit,.stat.fx-hit{animation:none!important}.fx-banner:after,.fx-rays{display:none}}.draw-reveal{z-index:45;pointer-events:none;background:radial-gradient(#13204ad9,#050815c4 70%);place-content:center;justify-items:center;gap:18px;animation:3.8s ease-in-out both draw-backdrop;display:grid;position:fixed;inset:0}.draw-rival{background:radial-gradient(at 50% 30%,#2a1230b3,#05081599 70%);animation-duration:1.7s}.draw-title{font-family:var(--zb-display);letter-spacing:1px;color:var(--zb-parchment);text-shadow:0 0 16px #d9b45a88;margin:0;font-size:22px}.draw-row{perspective:1200px;flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.reveal-card{--i:0;aspect-ratio:5/7;width:160px;animation:reveal-enter .45s ease-out calc(var(--i) * .15s) both, reveal-leave .55s ease-in calc(3.1s + var(--i) * .15s) forwards}.draw-rival .reveal-card{width:110px;animation:reveal-enter .4s ease-out calc(var(--i) * .15s) both, rival-leave .5s ease-in calc(1.05s + var(--i) * .12s) forwards}.reveal-card>img,.reveal-face{border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #d9b45a88,0 10px 30px #000c,0 0 24px #5fb4ff44}.reveal-flip{width:100%;height:100%;transform-style:preserve-3d;animation:reveal-flip .6s ease-in-out calc(.8s + var(--i) * .15s) both;position:relative}.reveal-face{backface-visibility:hidden;object-fit:fill;position:absolute;inset:0;overflow:hidden}.reveal-front{background:#0e1630;transform:rotateY(180deg)}.reveal-front img{object-fit:cover;width:100%;height:100%;display:block}.reveal-text{--type:var(--zb-gold);text-align:center;border-top:4px solid var(--type);color:#ece7dc;background:linear-gradient(160deg,#1a2a5a,#0e1630 70%);align-content:center;gap:6px;height:100%;padding:14px;display:grid}.reveal-text small{letter-spacing:1.4px;text-transform:uppercase;color:var(--type);font-size:10px}.reveal-text strong{font-family:var(--zb-display);font-size:17px}@keyframes draw-backdrop{0%{opacity:0}10%,82%{opacity:1}to{opacity:0}}@keyframes reveal-enter{0%{opacity:0;transform:translateY(-60px)scale(.7)rotate(-6deg)}to{opacity:1;transform:none}}@keyframes reveal-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes reveal-leave{to{opacity:0;transform:translateY(42vh)scale(.45)}}@keyframes rival-leave{to{opacity:0;transform:translateY(-42vh)scale(.45)}}.hand li.reveal-pending{visibility:hidden}.hand li.just-landed{animation:.7s ease-out land-in}@keyframes land-in{0%{filter:drop-shadow(0 0 14px #f0d48c);transform:translateY(-24px)scale(1.06)}to{filter:none;transform:none}}@media (width<=640px){.reveal-card{width:96px}.draw-rival .reveal-card{width:70px}.draw-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.draw-reveal,.reveal-card,.draw-rival .reveal-card,.hand li.just-landed{animation:none}.reveal-flip{animation:none;transform:rotateY(180deg)}}.projectile-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.projectile{opacity:0;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.projectile svg{position:absolute;top:0;left:0;overflow:visible;transform:translate(-50%,-50%)}.projectile-SWORD svg{filter:drop-shadow(0 0 6px #cfe3ff)drop-shadow(0 0 2px #fff)}.projectile-FIREBALL svg{filter:drop-shadow(0 0 10px #ff7a1a)drop-shadow(0 0 22px #e8364f88)}.projectile-DAGGER svg{filter:drop-shadow(0 0 8px #f0d48c)drop-shadow(0 0 18px #d9b45a99)}.flame-tail{transform-origin:8px 0;animation:.12s ease-in-out infinite alternate flame-flicker}.flame-tail.inner{animation-duration:90ms}@keyframes flame-flicker{to{transform:scaleX(1.18)scaleY(.86)}}.gold-sparks{animation:.22s ease-in-out infinite alternate gold-twinkle}@keyframes gold-twinkle{to{opacity:.35;transform:translate(-4px)}}.projectile-impact{border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;animation:.45s ease-out forwards projectile-hit;position:absolute}.impact-SWORD{background:radial-gradient(circle,#fffe 0 12%,#cfe3ff99 30%,#0000 65%)}.impact-FIREBALL{background:radial-gradient(circle,#fffbe0 0 10%,#ffb02e 28%,#e8364f88 48%,#0000 70%)}.impact-DAGGER{background:radial-gradient(circle,#fff6d8 0 10%,#f0d48ccc 30%,#d9b45a55 50%,#0000 70%)}@keyframes projectile-hit{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.flame-tail,.gold-sparks{animation:none}.projectile-impact{animation-duration:10ms}}:root{--zb-night:#080d1c;--zb-panel:#0e1630;--zb-line:#263458;--zb-gold:#d9b45a;--zb-gold-bright:#f0d48c;--zb-parchment:#f5e4b7;--zb-blue:#5fb4ff;--zb-violet:#a07cff;--zb-crimson:#e8364f;--zb-lilac:#e4b4ff;--playable-scale:1.08;--board-end-space:220px;--reserve-card-width:105px;--zb-display:"Cinzel", "Trajan Pro", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;color:#ece7dc;background:var(--zb-night);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 92% 0%, #2b5cc455, transparent 45%), radial-gradient(ellipse at 0% 100%, #5a3aa83a, transparent 50%), linear-gradient(180deg, #0b1226, var(--zb-night) 60%);min-height:100vh;margin:0}main{max-width:1280px;margin:auto;padding:0 48px}header{border-bottom:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--zb-gold), transparent) 1;justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.wordmark{letter-spacing:2px;color:inherit;align-items:center;gap:12px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.wordmark-logo{filter:drop-shadow(0 0 10px #5fb4ff55);width:auto;height:56px;display:block}h1,h2,.wordmark{font-family:var(--zb-display)}h1{color:var(--zb-parchment);text-shadow:0 0 24px #d9b45a44}.emblem{color:#f0d48c;font-size:32px;font-style:italic}.edition{color:#a9b0c8;letter-spacing:1.5px;max-width:70px;font-size:9px;line-height:1.6}.badge,.eyebrow{letter-spacing:2px;color:#b9bfd3;font-size:11px;font-weight:650}.badge{font-size:10px}.intro{max-width:800px;padding:70px 0 52px}.eyebrow{color:#d9b45a;margin:0 0 20px}h1{letter-spacing:1px;margin:0 0 18px;font-size:clamp(40px,7vw,76px);font-weight:500;line-height:1.06}h2{letter-spacing:.3px;margin:0;font-size:30px;font-weight:450}h3{letter-spacing:-.6px;margin:10px 0 34px;font-size:29px;font-weight:500}.lead{color:#d6d3cc;margin:0 0 10px;font-size:23px}.description{color:#a9b0c8;max-width:570px;line-height:1.7}.notice{color:#b9bfd3;align-items:center;gap:18px;margin:28px 0;font-size:13px;line-height:1.7;display:flex}.pill{letter-spacing:1.2px;color:#f0d48c;border:1px solid #b08d3e;border-radius:4px;padding:4px 9px;font-size:10px}.notice p{margin:0}button{color:#1a1406;cursor:pointer;background:linear-gradient(#f0d48c,#c99d3e);border:0;border-radius:4px;padding:15px 21px;font-family:inherit;font-size:14px;font-weight:600}button span{margin-left:35px}button:hover{background:linear-gradient(#f8e3a8,#d9b45a)}:focus-visible{outline-offset:5px;outline:3px solid #f5e4b7}.catalog-heading{border-top:1px solid #263458;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 0;display:flex}.catalog-heading .eyebrow{margin-bottom:10px}.catalog-heading>span{letter-spacing:1.4px;color:#a9b0c8;font-size:10px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}article{background:linear-gradient(135deg,#1a2a5a88,#111a35 65%);border:1px solid #263458;border-radius:6px;padding:22px;transition:border-color .2s}article:hover{border-color:#d9b45a}.card-top{letter-spacing:1.5px;color:#a9b0c8;justify-content:space-between;font-size:10px;display:flex}.card-class{letter-spacing:1.5px;color:#e8c877;margin:46px 0 0;font-size:10px}dl{border-top:1px solid #263458;border-bottom:1px solid #263458;grid-template-columns:repeat(3,1fr);margin:0;padding:16px 0;display:grid}dt{letter-spacing:1px;color:#a9b0c8;font-size:10px}dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:26px}.card-id{color:#a9b0c8;overflow-wrap:anywhere;margin:16px 0 0;font:9px ui-monospace,monospace}details{color:#a9b0c8;margin:35px 0;font-size:12px;line-height:1.7}summary{cursor:pointer;color:#ddd8cc}.hash{overflow-wrap:anywhere}footer{letter-spacing:1px;color:#8c95b3;border-top:1px solid #263458;justify-content:space-between;gap:20px;margin-top:60px;padding:28px 0;font-size:10px;display:flex}[role=alert]{color:#ffd2ab}@media (width<=960px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.badge{display:none}}@media (width<=720px){main{padding:0 22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{flex-direction:column;align-items:flex-start}.intro{padding-top:48px}h1{letter-spacing:.5px}.lead{font-size:19px}.notice{align-items:flex-start}footer{flex-direction:column}article{padding:18px}h3{font-size:25px}}@media (width<=430px){.cards{grid-template-columns:1fr}.card-class{margin-top:28px}}.versions{letter-spacing:1.2px;color:#f0d48c;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin:0;font-size:12px;display:flex}.catalog-filters{gap:12px;margin-bottom:20px;display:grid}.catalog-filters label{letter-spacing:1px;color:#a9b0c8;font-size:12px}.catalog-filters input{font:inherit;color:#ece7dc;background:#111a35;border:1px solid #33457a;border-radius:4px;max-width:420px;padding:11px 12px;font-size:15px}.catalog-families{border:0;flex-wrap:wrap;gap:8px;min-inline-size:0;margin:0;padding:0;display:flex}.catalog-families legend{letter-spacing:1px;color:#a9b0c8;width:100%;padding:0;font-size:12px}.catalog-families button{color:#f0d48c;background:0 0;border:1px solid #33457a;padding:8px 12px}.catalog-families button[aria-pressed=true]{color:#1a1406;background:linear-gradient(#f0d48c,#c99d3e);border-color:#0000}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.catalog-grid button{color:#ece7dc;text-align:left;background:#111a35;border:1px solid #263458;border-radius:6px;flex-direction:column;align-items:stretch;width:100%;padding:0 0 12px;display:flex;overflow:hidden}.catalog-grid button:hover{background:#111a35;border-color:#d9b45a}.catalog-grid button span{margin-left:0}.catalog-grid img,.catalog-fallback{aspect-ratio:2/3;object-fit:cover;background:#0e1630;place-items:center;width:100%;display:grid}.catalog-grid .catalog-name{padding:10px 12px 0;font-weight:650}.catalog-grid .catalog-meta{letter-spacing:.4px;color:#a9b0c8;padding:4px 12px 0;font-size:11px}.catalog-dialog{color:#ece7dc;background:#0e1630;border:1px solid #d9b45a;border-radius:8px;width:min(960px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:20px;overflow:auto}.catalog-dialog::backdrop{background:#080d1ccc}.catalog-dialog[open]{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:20px;display:grid}.catalog-dialog>div{overflow-wrap:anywhere;min-width:0;padding-bottom:8px}.catalog-dialog .link{grid-column:1/-1;justify-self:end}.catalog-dialog img{width:100%;max-width:100%;height:auto}.catalog-flavor{color:#d6d3cc;line-height:1.6}.catalog-rules h4{color:#f0d48c;margin:16px 0 6px;font-size:15px}.catalog-rules p{margin:0 0 8px;line-height:1.55}@media (width<=720px){.catalog-dialog[open]{grid-template-columns:minmax(0,1fr)}.versions{justify-content:flex-start}}.lobby{border-top:1px solid #263458;padding:36px 0 48px}.lobby h2{margin-bottom:22px}.lobby-form{gap:16px;max-width:720px;display:grid}.lobby-form label{letter-spacing:1px;color:#b9bfd3;gap:6px;font-size:11px;display:grid}.lobby-form input,.lobby-form select{font:inherit;letter-spacing:normal;color:#ece7dc;background:#111a35;border:1px solid #33457a;border-radius:4px;padding:11px 12px;font-size:15px}.lobby-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.lobby-actions .code input{text-transform:uppercase;letter-spacing:3px;width:9ch}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:#f0d48c;background:0 0;border:1px solid #b08d3e}button.link{color:#e2bf62;background:0 0;padding:6px 0}.muted{color:#8c95b3}main.match-main{max-width:1440px;padding:0 24px}.match-bar{letter-spacing:1px;min-height:64px;font-size:12px}.room-code strong{letter-spacing:4px;color:#f0d48c;font-size:18px}.conn{font-size:11px}.conn-open{color:#d9b45a}.conn-closed{color:#ffd2ab}.match-error{margin:12px 0 0}.match-wait{padding:48px 0}.share{overflow-wrap:anywhere;background:#111a35;border:1px solid #263458;border-radius:4px;margin-top:8px;padding:10px 12px;display:inline-block}.board{grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:18px 0 40px;display:grid}body:has(.end-turn-dock) .board{padding-bottom:var(--board-end-space)}.field{align-content:start;gap:14px;display:grid}.side{background:#0e1630;border:1px solid #263458;border-radius:6px;gap:10px;padding:12px;display:grid}.side[aria-label^=Tú]{border-color:#b08d3e}.resources{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.player-name{margin-right:6px;font-size:16px}.stat small{letter-spacing:1px;color:#8c95b3;text-transform:uppercase;font-size:10px}.discard-pile{margin:0;font-size:12px}.discard-pile ul{margin:6px 0 0;padding-left:18px}.zone{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;min-height:40px;display:flex}.zone-reserve .vfighter,.zone-reserve .fighter{width:var(--reserve-card-width)}.zone-reserve .vfighter{font-size:11px}.zone-reserve .vcaption{font-size:10px}.zone-reserve .vfighter .sc small{display:none}.zone-reserve .vfighter .sc{padding:1px 4px}.label{letter-spacing:1.5px;color:#d9b45a;text-transform:uppercase;text-align:center;flex-basis:100%;font-size:10px}.fighter{background:linear-gradient(135deg,#1a2a5a88,#111a35 70%);border:1px solid #33457a;border-radius:6px;width:200px;padding:10px;font-size:12px}.fighter.used{opacity:.7}.fighter-head{justify-content:space-between;gap:6px;font-size:13px;display:flex}.fighter-stats{font-variant-numeric:tabular-nums;color:#d6d3cc;flex-wrap:wrap;gap:4px 10px;margin:6px 0;display:flex}.tags{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.tag{color:#f5e4b7;border:1px solid #8a7240;border-radius:3px;padding:1px 5px;font-size:10px}.tag.equip{color:#bcd8ff;border-color:#3d5a8f}.tag.equip.link{color:#dccbf2;border-style:dashed;border-color:#8a6fb0}.attacks{border-top:1px solid #22305a;margin:6px 0 0;padding:6px 0 0;list-style:none}.attacks small{color:#8c95b3}.center{border:1px dashed #33457a;border-radius:6px;gap:8px;padding:10px 12px;font-size:13px;display:grid}.clock{font-variant-numeric:tabular-nums;gap:14px;display:flex}.clock .phase{color:#f0d48c;font-weight:600}.timeline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline .label{flex-basis:auto;margin-right:4px}.event{color:#a9b0c8;border:1px solid #33457a;border-radius:3px;padding:2px 6px;font-size:11px}.event.current{color:#f5e4b7;border-color:#e2bf62}.battle,.decision{margin:0}.decision{color:#f5e4b7}.hand h3,.actions h3,.log summary{letter-spacing:1.5px;text-transform:uppercase;color:#d9b45a;margin:0 0 10px;font-size:13px}.hand ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card-chip{background:#111a35;border:1px solid #263458;border-radius:5px;gap:2px;min-width:120px;max-width:170px;padding:8px 10px;font-size:12px;display:grid}.card-chip.selectable{cursor:pointer}.card-chip.selectable:has(input:checked){border-color:#ffd2ab}.card-type{letter-spacing:1.2px;color:#8c95b3;text-transform:uppercase;font-size:9px}.card-stats{color:#e8c877;font-variant-numeric:tabular-nums}.side-panel{align-content:start;gap:16px;display:grid}.turn-banner{color:#f0d48c;margin:0;font-size:18px}.result{border:1px solid #e2bf62;border-radius:6px;padding:12px 14px}.result h2{font-size:26px}.result-Derrota{border-color:#ffd2ab}.actions{gap:10px;display:grid}.action-group{gap:6px;display:grid}.action-group h4{letter-spacing:1.5px;color:#8c95b3;margin:4px 0 0;font-size:10px}button.action{text-align:left;color:#ece7dc;background:#17234a;border:1px solid #33457a;padding:9px 12px;font-size:13px}button.action:hover{background:#213268}.discard{gap:8px;font-size:13px;display:grid}.discard p,.log{margin:0}.log summary{cursor:pointer;width:fit-content;list-style:none}.log summary::-webkit-details-marker{display:none}.log summary:before{content:"▾ "}.log:not([open]) summary:before{content:"▸ "}.log:not([open])>:not(summary){display:none}.log ol{color:#b9bfd3;gap:4px;max-height:340px;margin:0;padding:0;font-size:12px;list-style:none;display:grid;overflow-y:auto}@media (width<=960px){.board{grid-template-columns:1fr}.side-panel{display:contents}.turn-banner,.result{order:-1}.actions{z-index:2;background:#080d1cf2;border-top:1px solid #b08d3e;max-height:42vh;padding:12px 0 14px;position:sticky;bottom:0;overflow-y:auto}.fighter{width:100%;max-width:260px}}@media (width<=520px){main.match-main{padding:0 16px}.fighter{max-width:none}}.zone[aria-label=Otra\ Dimensión] .fighter{opacity:.8;border-style:dashed;border-color:#8a74b8}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vcard{aspect-ratio:5/7;background:#0a1022;border-radius:6px;position:relative;overflow:hidden;container-type:inline-size}.vcard img{object-fit:cover;width:100%;height:100%;display:block}.vcard-thumb,.vcard-full{width:100%}.vstat{white-space:nowrap;border-radius:2cqw;padding:1cqw 2cqw;font:700 3.6cqw/1 Arial,sans-serif;position:absolute;top:92%;transform:translate(-50%,-50%);box-shadow:0 0 0 .4cqw #0009}.vstat-atk{left:24.4%}.vstat-def{left:53.7%}.vstat-spd{left:82%}.vstat.up{color:#e9ffef;background:#2f6b3a}.vstat.down{color:#ffe9e9;background:#7a2b2b}.vcard-button,.vhand{cursor:zoom-in;background:0 0;border:0;border-radius:6px;padding:0;display:block}.vcard-button:focus-visible,.vhand:focus-visible{outline-offset:2px;outline:2px solid #ffd2ab}.vfighter{align-content:start;align-self:start;gap:4px;width:150px;font-size:12px;display:grid}.vfighter.used .vcard{opacity:.6;filter:grayscale(.4)}.vtags{margin:0}.vcaption{color:#e2ddd2;text-align:center;margin-top:3px;font-size:11px;line-height:1.25;display:block}.vcaption small{color:#d9b45a;letter-spacing:.4px;text-transform:uppercase;font-weight:700}.vcaption.type-SKILL,.vcaption.type-SWITCH,.vcaption.type-LEGACY,.vcaption.type-COUNTER,.vcaption.type-MAGIC_SOURCE,.vcaption.type-EVENT{color:var(--type)}.vcaption.type-SKILL small,.vcaption.type-SWITCH small,.vcaption.type-LEGACY small,.vcaption.type-COUNTER small,.vcaption.type-MAGIC_SOURCE small,.vcaption.type-EVENT small{color:inherit}.hand .vhand{width:120px}.tag.aura,.aura-mark{color:#c084fc;border-color:#c084fc}.aura-fire{filter:hue-rotate(250deg)saturate(1.6);display:inline-block}.tag.as-button{font:inherit;cursor:zoom-in;background:0 0;font-size:10px}.card-chip.selectable:has(.vhand){min-width:0;padding:4px}.card-preview{z-index:40;pointer-events:none;background:#0b1226f2;border:1px solid #33457a;border-radius:8px;flex-direction:column;width:min(380px,100vw - 32px);max-height:calc(100vh - 80px);padding:8px;display:flex;position:fixed;top:64px;right:16px;box-shadow:0 10px 40px #000a}.card-preview.pinned{pointer-events:auto}.card-preview-body{min-height:0;overflow:auto}.preview-close-float{z-index:2;color:#ffe9bd;cursor:pointer;background:#0b1226ee;border:1px solid #ffd98a;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:18px;font-weight:700;line-height:1;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 10px #000c}.preview-close-float:hover,.preview-close-float:focus-visible{color:#fff;background:#2a2412}.preview-live{color:#e2ddd2;margin-top:6px;font-size:12px;line-height:1.5}@media (width<=640px){.vfighter{width:110px}.hand .vhand{width:90px}:root{--reserve-card-width:78px}}.side{position:relative}.side-overlay{z-index:5;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:70%;display:flex;position:absolute;top:10px;right:12px}.overlay-button,.end-turn,.attack-go,.attack-cancel{cursor:pointer;color:#ffe9bd;background:#2a2412ee;border:1px solid #ffd98a;border-radius:999px;padding:8px 16px;font-weight:700;box-shadow:0 0 14px #ffcf6e44}.overlay-button:hover,.end-turn:hover,.attack-go:hover{background:#3d3417}.attack-go{color:#ffe3e8;background:#5a1424ee;border-color:#ff6b7f;box-shadow:0 0 16px #e8364f66}.attack-cancel{color:#e2ddd2;box-shadow:none;background:#121b36ee;border-color:#5a6890}.attack-hint{color:#ffe3e8;background:#0b1226e6;border:1px solid #ff6b7f66;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.end-turn-dock{z-index:30;position:fixed;bottom:24px;right:24px}.end-turn{padding:14px 28px;font-size:18px}.toast{z-index:40;color:#ffe3e8;pointer-events:none;background:#5a1424ee;border:1px solid #ff6b7f;border-radius:999px;margin:0;padding:10px 18px;font-weight:700;position:fixed;top:72px;left:50%;transform:translate(-50%)}.decision-legend{color:#ffd98a;margin:0 0 10px;font-size:14px}.decision-overlay{z-index:35;background:#0b1226f2;border:1px solid #ffd98a88;border-radius:12px;width:min(560px,100vw - 32px);max-height:50vh;padding:12px 16px;position:fixed;bottom:24px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 10px 40px #000c,0 0 18px #ffcf6e33}:is(.decision-overlay:has(.deck-order),.decision-overlay:has(.event-pick)){width:min(960px,100vw - 24px);max-height:86vh;bottom:16px}.event-pick{gap:12px;display:grid}.event-pick h3,.event-pick p{margin:0}.event-pick-cards{border:0;flex-wrap:wrap;justify-content:center;gap:16px;margin:0;padding:0;display:flex}.event-choice{cursor:pointer;border:2px solid #0000;border-radius:10px;width:210px;padding:6px;position:relative}.event-choice input{opacity:0;width:1px;height:1px;position:absolute}.event-choice.is-selected{border-color:var(--zb-lilac,#e4b4ff);box-shadow:0 0 16px #e4b4ff66}.event-choice .vhand,.event-choice .vcard{cursor:pointer;width:100%}.event-room{border:1px solid #e4b4ff66;border-radius:10px;flex-wrap:wrap;gap:8px 14px;margin:0;padding:8px 12px;display:flex}.event-room legend{color:var(--zb-lilac,#e4b4ff);padding:0 6px}.event-pick-actions{justify-content:flex-end;gap:8px;display:flex}.deck-order{gap:8px;display:grid}.deck-order ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.deck-order li{cursor:grab;background:#121b36;border:1px solid #ffd98a66;border-radius:10px;gap:4px;padding:8px 10px;display:grid}.deck-order-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.deck-order-moves{gap:4px;display:flex}.deck-order-type,.deck-order-effect{margin:0}.deck-order-type{color:#e4b4ff;font-size:13px}.deck-order-section h4{margin:4px 0;font-size:13px}.deck-order-section ul{margin:0;padding-left:18px}.deck-order-accept{justify-self:end}.play-status{margin:8px 0 16px}.vhand-slot,.play-wrap{display:inline-block;position:relative}.vfighter{position:relative}.card-overlay{z-index:20;min-width:100%;position:absolute;top:30%;left:0}.attack-confirm{justify-items:center;gap:6px;display:grid}.action-menu{background:#0b1226f5;border:1px solid #ffd98a88;border-radius:10px;gap:4px;width:max-content;max-width:280px;padding:8px;display:grid;box-shadow:0 8px 30px #000c}.action-menu .action{text-align:left}.action-menu-title{color:#d9b45a;margin:0 0 4px;font-size:12px}.action-menu-close{justify-self:end;font-size:12px}.play-wrap-button{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}@keyframes glow-soft{0%,to{box-shadow:0 0 0 1px #ffd98a66,0 0 10px 2px #ffcf6e44}50%{box-shadow:0 0 0 2px #ffd98aaa,0 0 18px 5px #ffcf6e77}}@keyframes glow-target{0%,to{box-shadow:0 0 0 1px #ff6b7f77,0 0 10px 2px #e8364f44}50%{box-shadow:0 0 0 2px #ff6b7fcc,0 0 20px 6px #e8364f88}}@keyframes drawn-in{0%{transform:translateY(-28px)scale(1.08);box-shadow:0 0 0 3px #fff3c8,0 0 40px 14px #ffe7a0cc}25%{transform:none}to{box-shadow:0 0 #0000,0 0 #0000}}.glow-playable .vcard,.glow-playable.play-wrap>:is(button,div){cursor:pointer;animation:2.2s ease-in-out infinite glow-soft}.glow-target .vcard,.glow-target.play-wrap>:is(button,div){cursor:crosshair;animation:1.4s ease-in-out infinite glow-target}.glow-selected .vcard,.glow-selected.play-wrap>:is(button,div){box-shadow:0 0 0 3px #ffe7a0,0 0 26px 8px #ffcf6eaa}.drawn .vcard,.drawn.play-wrap>:is(button,div){animation:2.6s ease-out drawn-in}.drawn.glow-playable .vcard{animation:2.6s ease-out drawn-in,2.2s ease-in-out 2.6s infinite glow-soft}.hand .vhand-slot.can-play .vhand{width:calc(130px * var(--playable-scale))}.side[aria-label^=Tú] .vfighter.can-play{width:calc(120px * var(--playable-scale))}.side[aria-label^=Tú] .zone-reserve .vfighter.can-play{width:calc(var(--reserve-card-width) * var(--playable-scale))}.play-wrap.can-play{zoom:var(--playable-scale)}@media (width<=640px){.hand .vhand-slot.can-play .vhand{width:calc(90px * var(--playable-scale))}.side[aria-label^=Tú] .vfighter.can-play{width:calc(110px * var(--playable-scale))}}@media (prefers-reduced-motion:reduce){.glow-playable .vcard,.glow-target .vcard,.drawn .vcard{animation:none;box-shadow:0 0 0 2px #ffd98aaa}}@media (width<=640px){.end-turn-dock{bottom:12px;right:12px}.end-turn{padding:10px 18px;font-size:15px}.side-overlay{justify-content:flex-start;max-width:none;margin-bottom:8px;position:static}}.vcard-button span,.vhand span,.play-wrap-button span,.action-menu span{margin-left:0}.attack-cancel:hover{color:#fff;background:#1d2a55}.vcard-button:hover,.vhand:hover,.play-wrap-button:hover{background:0 0}.vhand-slot,.vfighter,.vhand-select{position:relative}.zoom-btn{z-index:6;color:#ffe9bd;cursor:zoom-in;opacity:.85;background:#0b1226d9;border:1px solid #ffd98a99;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:6px;right:6px}.zoom-btn:hover,.zoom-btn:focus-visible{opacity:1;background:#2a2412}.vcard-button.inert,.vhand.inert{cursor:default}.vcard-button,.vhand{cursor:pointer}.side{background:linear-gradient(160deg,#13204acc,#0b1226e6 70%);box-shadow:inset 0 0 0 1px #ffffff08}.side[aria-label^=Tú]{border-color:#b08d3e;box-shadow:inset 0 0 0 1px #ffffff08,0 0 22px #d9b45a1f}.side[aria-label^=Rival]{background:linear-gradient(160deg,#2a1230cc,#0b1226e6 70%);border-color:#7a2a3e;box-shadow:inset 0 0 0 1px #ffffff08,0 0 22px #e8364f1a}.center{background:#0b1226b3;border-color:#b08d3e88}.fighter{background:linear-gradient(150deg,#1a2f6a88,#0e1630 70%);border-color:#33457a}.card-chip{--type:var(--zb-gold);border-left:3px solid var(--type);background:linear-gradient(150deg,#16224a,#0e1630 75%)}.card-chip .card-type{color:var(--type)}.type-FIGHTER{--type:var(--zb-blue)}.type-SKILL{--type:#3ddc6a}.type-COUNTER{--type:#ff3b4e}.type-EQUIPMENT{--type:#b8c7e0}.type-MAGIC_SOURCE{--type:#c084fc}.type-LEGACY{--type:#3ddc6a}.type-SWITCH{--type:#7fd8ff}.type-EVENT{--type:var(--zb-lilac)}.label,.hand h3,.actions h3,.log summary{font-family:var(--zb-display)}.turn-banner{font-family:var(--zb-display);color:var(--zb-parchment)}.room-code strong{color:var(--zb-gold-bright);text-shadow:0 0 12px #d9b45a55}button.action{border-color:#33457a}button.action:hover{border-color:var(--zb-gold)}.vstat.up{background:#1f6b45}.vstat.down{background:#8a1f33}.share-row{justify-items:start;gap:10px;display:grid}.share-row .share{border-color:#b08d3e88;margin-top:0}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-button{padding:10px 18px}.share-button.icon{justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.share-button.icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.share-status{min-height:1.4em;color:var(--zb-gold-bright);margin:0;font-size:13px}button.link:hover{color:var(--zb-gold-bright);background:0 0}button.secondary:hover{background:#d9b45a1f}.side{transition:background .6s,box-shadow .6s,border-color .6s}.side.is-waiting{box-shadow:none;background:linear-gradient(160deg,#0b1226d9,#070b18f0 70%);border-color:#263458}.side.is-turn[aria-label^=Tú]{border-color:var(--zb-gold-bright);background:radial-gradient(at 50% 0,#f0d48c26,#0000 60%),linear-gradient(160deg,#2a4590e6,#172a5ef0 70%);animation:2.8s ease-in-out infinite turn-glow-own}.side.is-turn[aria-label^=Rival]{background:radial-gradient(at 50% 0,#ff6b7f26,#0000 60%),linear-gradient(160deg,#4a1e4ce6,#20173ef0 70%);border-color:#ff6b7f;animation:2.8s ease-in-out infinite turn-glow-rival}.turn-badge{letter-spacing:1px;text-transform:uppercase;color:#1a1406;background:linear-gradient(#f8e3a8,#d9b45a);border-radius:999px;align-self:center;padding:2px 10px;font-size:11px;font-weight:700;box-shadow:0 0 12px #f0d48c88}.side[aria-label^=Rival] .turn-badge{color:#fff0f2;background:linear-gradient(#ff7f92,#c42a44);box-shadow:0 0 12px #e8364f88}@keyframes turn-glow-own{0%,to{box-shadow:0 0 0 1px #f0d48c55,0 0 18px #d9b45a33}50%{box-shadow:0 0 0 2px #f0d48caa,0 0 34px #d9b45a66}}@keyframes turn-glow-rival{0%,to{box-shadow:0 0 0 1px #ff6b7f55,0 0 18px #e8364f33}50%{box-shadow:0 0 0 2px #ff6b7faa,0 0 34px #e8364f66}}@media (prefers-reduced-motion:reduce){.side.is-turn[aria-label^=Tú],.side.is-turn[aria-label^=Rival]{animation:none}}.card-tools{z-index:6;gap:4px;display:flex;position:absolute;top:6px;right:6px}.card-tools .tool-btn{color:#ffe9bd;opacity:.88;background:#0b1226d9;border:1px solid #ffd98a99;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:static}.card-tools .info-btn{cursor:help}.card-tools .tool-btn:hover,.card-tools .tool-btn:focus-visible{opacity:1;background:#2a2412}.vstack{width:100%;padding-top:calc(var(--depth,0) * 13px);position:relative}.vfighter .vcard-button,.vstack,.vstack .vcard,.vstack-under,.hand .vcard-thumb{width:100%}.vstack-under{left:0;top:calc(var(--i) * 13px);aspect-ratio:5/7;object-fit:cover;filter:brightness(.6)saturate(.85);border-radius:6px;position:absolute;box-shadow:0 0 0 1px #d9b45a66,0 -2px 6px #0008}.vstack .vcard{box-shadow:0 0 0 1px #d9b45a55,0 -4px 10px #000a}.stack-count{color:var(--zb-gold-bright)}.stat-counter{justify-content:center;margin:2px 0;display:flex;position:relative}.stat-counter-btn{justify-content:inherit;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;gap:4px;padding:0;display:flex}.stat-counter-btn:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #ffd2ab}.stat-sheet{z-index:30;border-collapse:collapse;font-variant-numeric:tabular-nums;background:#0b1226f5;border:1px solid #ffd98a88;border-radius:8px;width:max-content;padding:0;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 30px #000c}.stat-sheet th,.stat-sheet td{text-align:right;padding:3px 8px}.stat-sheet thead th{color:#ffd98a;text-align:center;font-size:11px}.stat-sheet tbody th{color:#d9b45a;text-align:left}.stat-sheet .is-total th,.stat-sheet .is-total td{border-top:1px solid #33457a;font-weight:700}.preview-live .stat-sheet,.fighter-stats .stat-sheet{margin-top:6px;position:static;transform:none}.fighter-stats .stat-counter{justify-content:flex-start;margin:0}.sc{font-variant-numeric:tabular-nums;background:#0b1226d9;border:1px solid #33457a;border-radius:999px;align-items:baseline;gap:3px;padding:1px 6px;line-height:1.3;display:inline-flex}.sc small{letter-spacing:.5px;font-size:9px;font-weight:700}.sc-atk small{color:#ff8a7a}.sc-def small{color:#7fb2ff}.sc-spd small{color:#7fe0a0}.sc b{color:var(--zb-parchment);font-size:13px}.sc-boost{border-color:#7fd8ff;box-shadow:0 0 8px #7fd8ff55}.sc-boost b{color:#7fd8ff;text-shadow:0 0 8px #7fd8ffaa;font-size:17px}.sc-drop{background:#2a0b12e6;border-color:#ff3b4e;box-shadow:0 0 8px #ff3b4e66}.sc-drop b{color:#ff4d5e;text-shadow:0 0 8px #ff3b4eaa;font-size:17px}.tag.status{color:var(--zb-parchment);border-color:#b08d3e}.tag.as-button{cursor:help;padding:1px 5px}.tag.as-button:hover{background:#d9b45a22}.info-backdrop{z-index:50;background:#050815a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.info-panel{background:linear-gradient(170deg,#16224a,#0b1226 70%);border:1px solid #d9b45a99;border-radius:12px;flex-direction:column;width:min(540px,100%);max-height:min(80vh,760px);padding:18px 18px 14px;display:flex;position:relative;box-shadow:0 20px 60px #000c,0 0 24px #5fb4ff33}.info-title{font-family:var(--zb-display);letter-spacing:.5px;text-transform:none;color:var(--zb-parchment);margin:0 44px 10px 0;font-size:22px}.info-body{color:#e2ddd2;min-height:0;font-size:14px;line-height:1.55;overflow:auto}.info-body p{margin:0 0 10px}.info-note{color:var(--zb-gold-bright)}.info-card+.info-card{border-top:1px solid #263458;margin-top:14px;padding-top:12px}.info-card h4{font-family:var(--zb-display);color:var(--zb-gold-bright);margin:0 0 2px;font-size:16px}.info-type{letter-spacing:1px;text-transform:uppercase;color:#8c95b3;font-size:11px}.info-section h5{letter-spacing:.8px;color:var(--zb-gold);margin:8px 0 2px;font-size:12px}.info-section ul{overflow-wrap:anywhere;margin:0;padding-left:18px}.preview-stack{gap:12px;margin:0;padding:0;list-style:none;display:grid}.preview-stack-label{color:var(--zb-gold-bright);margin:0 0 4px;font-size:12px}.preview-live .stat-counter{justify-content:flex-start;margin:6px 0}.card-preview .preview-live{margin:0 40px 8px 0}@media (width>=900px){.card-preview{width:min(420px,100vw - 32px);max-height:calc(100vh - 48px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.end-turn-dock{left:50%;right:auto;transform:translate(-50%)}body:has(.end-turn-dock) .decision-overlay{bottom:96px}}.vfighter .stat-counter-btn{flex-wrap:nowrap;gap:3px}.vfighter .sc{gap:2px;padding:1px 4px}.vfighter .sc b{font-size:12px}.vfighter .sc-boost b{font-size:15px}@media (width<=640px){.vfighter .sc small{display:none}}.situation{z-index:20;border:1px solid var(--zb-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1226f2;border-radius:12px;gap:6px;padding:8px 14px;font-size:13px;display:grid;position:sticky;top:0;box-shadow:0 6px 18px #0008}.situation-mine{border-color:var(--zb-gold);box-shadow:0 6px 18px #0008,0 0 14px #ffcf6e33}.situation-theirs{border-color:#5a6890}.situation-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.situation-head strong{font-family:var(--zb-display);letter-spacing:1px;color:var(--zb-gold-bright)}.situation-battle{color:#ffb3bf;font-weight:600}.situation-steps{counter-reset:step;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.situation-steps li{counter-increment:step;border:1px solid var(--zb-line);color:#8c94ab;border-radius:999px;padding:3px 10px;font-size:12px}.situation-steps li:before{content:counter(step) ". "}.situation-steps .step-done{color:#b9bfd3;opacity:.7;text-decoration:line-through}.situation-steps .step-current{color:#ffe9bd;border-color:var(--zb-gold);background:#2a2412;animation:1.4s ease-in-out infinite step-pulse}@keyframes step-pulse{50%{box-shadow:0 0 12px #ffcf6e66}}.in-battle{border-radius:12px}.battle-attacker{outline-offset:3px;outline:2px solid #ff6b7f;box-shadow:0 0 18px #e8364f66}.battle-target{outline-offset:3px;outline:2px dashed #ffd98a;box-shadow:0 0 18px #ffcf6e55}.end-turn-dock{flex-direction:column;align-items:stretch;gap:8px;display:flex}.end-turn.to-combat{color:#ffe3e8;background:#5a1424ee;border-color:#ff6b7f;padding:10px 22px;font-size:15px;box-shadow:0 0 16px #e8364f66}body:has(.end-turn.to-combat) .decision-overlay{bottom:150px}@media (prefers-reduced-motion:reduce){.situation-steps .step-current{animation:none}}.hand h3{text-align:center}.hand ul{justify-content:center}.match-play{display:contents}@media (orientation:landscape){.match-bar{font-size:16px}.situation{padding:12px 18px;font-size:20px}.situation-steps li{padding:6px 14px;font-size:16px}.resources{gap:8px 18px;font-size:22px}.player-name{font-size:26px}.stat small{font-size:14px}.label{font-size:15px}.hand h3,.actions h3,.log summary{font-size:20px}.vcaption{font-size:17px;line-height:1.3}.vcaption small{font-size:13px}.vfighter{font-size:16px}.sc small{font-size:13px}.sc b,.vfighter .sc b{font-size:18px}.vfighter .sc-boost b,.vfighter .sc-drop b{font-size:22px}.tag,.tag.as-button{font-size:14px}.center,.clock{font-size:18px}.event{font-size:16px}.card-chip{font-size:17px}.card-type{font-size:13px}.discard-pile{font-size:16px}}@media (orientation:portrait) and (width<=1024px){.zone,.hand ul{gap:12px;container-type:inline-size}.vfighter,.side[aria-label^=Tú] .vfighter.can-play{width:clamp(64px,30cqi,108px);min-width:0;max-width:100%}.zone-reserve .vfighter,.side[aria-label^=Tú] .zone-reserve .vfighter.can-play{width:clamp(52px,18cqi,72px)}.hand li{min-width:0;max-width:100%}.hand .vhand,.hand .vhand-slot.can-play .vhand{width:clamp(58px,20cqi,80px);max-width:100%}.play-wrap.can-play{zoom:1}.vfighter .stat-counter-btn{flex-wrap:wrap;justify-content:center;max-width:100%}main.match-main:has(.match){flex-direction:column;height:100dvh;padding-inline:8px;display:flex;overflow:hidden}.match,.match-play{flex-direction:column;flex:1;min-height:0;display:flex}body:has(.end-turn-dock) .board{flex:1;min-height:0;padding-bottom:12px;overflow:auto}.end-turn-dock{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#080d1cee;border-top:1px solid #b08d3e;flex-direction:row;flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-inline:-8px;position:static}.end-turn,.end-turn.to-combat{padding:8px 14px;font-size:14px}.decision-overlay{bottom:72px}body:has(.end-turn-dock) .decision-overlay{bottom:72px}body:has(.end-turn.to-combat) .decision-overlay{bottom:72px}}.tutorial-objective{background:#132334;border:1px solid #caa85d;border-radius:.8rem;margin:.75rem 0;padding:.8rem 1rem}.tutorial-objective p{margin:.35rem 0 0}.tutorial-dialog{color:#f4efde;background:#101c2b;border:1px solid #caa85d;border-radius:1rem;width:min(38rem,100vw - 2rem);max-height:calc(100dvh - 3rem);padding:1.5rem;overflow-y:auto;box-shadow:0 1rem 4rem #0009}.tutorial-dialog::backdrop{background:#000b}.tutorial-dialog p{line-height:1.55}.tutorial-dialog button{width:100%;margin-top:.6rem}.tutorial-focus,.fx-tutorial{outline-offset:3px;outline:3px solid #e8c675}