:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#111827;color:#f9fafb;--card-scale: 1}html,body{height:100%;margin:0;overflow:hidden}body{background:linear-gradient(135deg,#111827,#1f2937)}#app{height:100vh;overflow:hidden}.app-shell{height:100%;max-width:1320px;margin:0 auto;padding:10px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-height:0}.hero{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0}.status-pill{background:linear-gradient(135deg,#2563eb47,#0f172aeb);border:1px solid rgba(96,165,250,.6);border-radius:999px;padding:8px 18px;font-size:1rem;font-weight:800;color:#bfdbfe;letter-spacing:.01em;box-shadow:0 0 18px #2563eb40,inset 0 1px #ffffff14;text-shadow:0 2px 6px rgba(0,0,0,.55)}.status-pill.enemy small{color:#ede9fe;font-weight:700;margin-left:4px}.status-pill.enemy{background:linear-gradient(135deg,#7c3aed52,#0f172aeb);border-color:#c4b5fdb3;color:#f3e8ff;box-shadow:0 0 18px #7c3aed52,inset 0 1px #ffffff14}.log-toggle-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#1f2937;border:1px solid #4b5563;border-radius:999px;padding:6px 12px;font-size:.76rem}.log-toggle-btn.forfeit-btn{right:auto;left:0;border-color:#7f1d1d;color:#fecaca}.log-toggle-btn.forfeit-btn:disabled{opacity:.35;cursor:not-allowed}.hero-actions-right{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:6px}.hero-actions-right .log-toggle-btn{position:static;transform:none}.panel{background:#111827e6;border:1px solid #374151;border-radius:16px;padding:10px 14px}.board-panel{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px}button{border:none;border-radius:12px;padding:12px 14px;cursor:pointer;background:#2563eb;color:#fff}.secondary{background:#374151}.enemy-hand-row{flex:0 0 auto;display:flex;justify-content:center;min-height:54px}.enemy-hand-fan{display:flex;justify-content:center;padding-top:8px}.enemy-hand-card{width:34px;height:48px;margin-left:-17px;border-radius:6px;border:1px solid rgba(255,255,255,.22);background:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 5px,transparent 5px 10px),linear-gradient(155deg,#4c1d95,#1e1b4b);box-shadow:0 5px 10px #00000059;transition:transform .25s ease}.enemy-hand-card:first-child{margin-left:0}.enemy-hand-empty{color:#94a3b8;font-size:.8rem;align-self:center}.table-frame{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:104px 1fr 104px;gap:10px;align-items:stretch}.side-panel{display:flex;flex-direction:column;gap:8px;background:#0f172a8c;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 8px;min-height:0}.turn-panel{justify-content:flex-start}.side-block{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:10px;background:#ffffff0a}.turn-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd}.side-value{font-size:1.55rem;font-weight:900;transition:color .3s ease}.side-value.small{font-size:1.05rem}.side-value small{font-size:.64rem;font-weight:600;color:#94a3b8;margin-left:2px}.side-value.turn-value{color:#7dd3fc;text-shadow:0 0 12px rgba(56,189,248,.55)}.side-value.energy-value{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.55)}.side-value.priority-value.priority-player{color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.55)}.side-value.priority-value.priority-rival{color:#f87171;text-shadow:0 0 12px rgba(248,113,113,.55)}@keyframes value-pulse{0%{transform:scale(1.7);filter:brightness(1.9) saturate(1.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}.side-value.value-pulse{animation:value-pulse .55s cubic-bezier(.22,1,.36,1)}.confirm-panel{justify-content:center;align-items:center;text-align:center}.next-turn-btn{width:auto;min-width:46px;height:46px;border-radius:999px;padding:0 18px;font-size:.92rem}.next-turn-btn.tall{width:100%;height:auto;min-height:72px;border-radius:16px;padding:10px 6px;font-size:.78rem;line-height:1.2;white-space:normal}.next-turn-btn.wide{width:100%;margin-top:16px}.next-turn-btn:disabled{opacity:.4;cursor:not-allowed}.confirm-hint{font-size:.62rem;color:#94a3b8;text-align:center}.pact-panel{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.pact-current-chip{font-size:.6rem;font-weight:700;text-align:center;padding:4px 8px;border-radius:999px;background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.pact-current-chip.active{background:#8b5cf638;color:#ddd6fe;border-color:#7c3aed}.pact-btn{width:100%;padding:8px 6px;border-radius:10px;font-size:.66rem;font-weight:700;line-height:1.2;white-space:normal}.pact-btn.call{background:linear-gradient(135deg,#7c3aed,#4c1d95);animation:pact-call-alert 1.8s ease-in-out infinite}@keyframes pact-call-alert{0%,to{box-shadow:0 0 #7c3aed8c}50%{box-shadow:0 0 0 7px #7c3aed00}}.pact-btn.accept{background:#16a34a}.pact-btn.escalate{background:linear-gradient(135deg,#db2777,#7c3aed)}.pact-btn.reject{background:#374151;color:#fca5a5}.pact-actions{display:flex;flex-direction:column;gap:5px}.pact-alert-overlay{z-index:80}.pact-alert-backdrop{background:radial-gradient(circle at 50% 42%,#7c3aed52,#020617eb 70%);animation:pact-alert-backdrop-pulse 2.2s ease-in-out infinite}@keyframes pact-alert-backdrop-pulse{0%,to{background-color:#020617eb}50%{background-color:#020617d1}}.pact-alert-panel{position:relative;width:min(92vw,480px);text-align:center;padding:34px 28px;background:linear-gradient(160deg,#1e1240,#0f172a);border:2px solid rgba(196,181,253,.75);border-radius:28px;box-shadow:0 0 60px #8b5cf673,0 24px 60px #00000080;animation:pact-alert-panel-pulse 1.6s ease-in-out infinite}@keyframes pact-alert-panel-pulse{0%,to{box-shadow:0 0 60px #8b5cf666,0 24px 60px #00000080}50%{box-shadow:0 0 90px #c4b5fd99,0 24px 60px #00000080}}.pact-alert-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.86rem;font-weight:700;color:#c4b5fd}.pact-alert-title{margin:8px 0 14px;font-size:2.4rem;font-weight:900;color:#f5f3ff;text-shadow:0 0 30px rgba(196,181,253,.7)}.pact-alert-title span{color:#fbbf24}.pact-alert-desc{margin:0 0 22px;font-size:.94rem;line-height:1.5;color:#e2e8f0}.pact-alert-actions{display:flex;flex-direction:column;gap:10px}.pact-btn.big{padding:14px 10px;font-size:.92rem;border-radius:14px}@media (max-width: 860px){.table-frame{grid-template-columns:1fr}.side-panel{flex-direction:row;justify-content:center;flex-wrap:wrap}.next-turn-btn.tall{min-height:auto;width:auto}}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:100%;min-height:0}.location-card{height:100%;min-height:0;display:flex;flex-direction:column;padding:8px 10px 6px;border-radius:12px;background:#1f2937;background-size:cover;background-position:center;border:1px solid #4b5563;overflow:hidden;text-align:center;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.location-card:hover{border-color:#6b7280}.location-card.revealed{border-color:#f59e0b}.location-card.hidden-location{border-style:dashed;opacity:.82}.location-card.hidden-location h3{color:#94a3b8}.location-card.drag-over{transform:translateY(-2px) scale(1.02);border-color:#34d399;box-shadow:0 0 0 3px #34d39959}.location-card.with-image .location-title,.location-card.with-image .location-hint{background:#02061799;border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.location-card.with-image .location-title h3,.location-card.with-image .location-slot-count,.location-card.with-image .location-hint{text-shadow:-1px -1px 2px rgba(0,0,0,.95),1px -1px 2px rgba(0,0,0,.95),-1px 1px 2px rgba(0,0,0,.95),1px 1px 2px rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.85);-webkit-text-stroke:.4px rgba(0,0,0,.7)}.location-title{display:flex;justify-content:space-between;gap:6px;align-items:center;width:100%;padding:3px 6px;box-sizing:border-box}.location-title h3{margin:0;font-size:.92rem;line-height:1.25}.location-slot-count{font-size:.66rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.location-hint{flex:0 1 auto;color:#e2e8f0;font-size:.76rem;font-weight:600;line-height:1.32;margin:2px 0;padding:2px 6px;box-sizing:border-box;white-space:normal;max-height:4.6em;overflow-y:auto;align-self:center;text-align:center}.location-hint.reveal-flicker{animation:location-hint-flicker 1.7s ease-in-out 2;color:#fde68a;font-weight:700}@keyframes location-hint-flicker{0%,to{transform:scale(1);opacity:1;text-shadow:none}15%{transform:scale(1.28);opacity:.55;text-shadow:0 0 12px rgba(253,230,138,.95)}30%{transform:scale(1.22);opacity:1;text-shadow:0 0 16px rgba(253,230,138,1)}45%{transform:scale(1.28);opacity:.5;text-shadow:0 0 12px rgba(253,230,138,.9)}62%{transform:scale(1.22);opacity:1;text-shadow:0 0 16px rgba(253,230,138,1)}}.location-stack{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px;width:100%;overflow-y:auto}.location-side{min-height:40px;border:1px dashed rgba(255,255,255,.28);border-radius:8px;padding:4px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-content:flex-start}.location-power-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:6px}.location-power-bubble{min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.74rem;color:#fff;box-shadow:inset 0 1px #ffffff2e,0 2px 6px #0000004d}.location-power-bubble.player{background:linear-gradient(135deg,#2563eb,#1e40af)}.location-power-bubble.ai{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.location-power-total{min-width:30px;text-align:center;font-size:.94rem;font-weight:900;color:#cbd5e1;transition:color .2s ease,text-shadow .2s ease}.location-power-total.player-wins{color:#93c5fd;text-shadow:0 0 10px rgba(37,99,235,.75)}.location-power-total.ai-wins{color:#d8b4fe;text-shadow:0 0 10px rgba(124,58,237,.75)}.empty-side{color:#9ca3af;font-size:.66rem}.hand-card,.compact-card{user-select:none;-webkit-user-select:none}.compact-card{min-width:calc(52px * var(--card-scale));max-width:calc(52px * var(--card-scale));min-height:calc(68px * var(--card-scale));justify-content:center;align-items:center;text-align:center;padding-top:calc(18px * var(--card-scale));border-radius:8px;font-size:calc(.62rem * var(--card-scale));box-shadow:0 6px 14px #0003;animation:pop-in .22s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.compact-title{font-size:calc(.56rem * var(--card-scale));font-weight:700;line-height:1.15;margin-top:3px;padding:0 2px}.compact-card.with-image .compact-title{background:#02061799;border-radius:4px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.board-card-wrap{position:relative;display:inline-flex}.board-card-eye{position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:50%;background:#1f2937;border:1px solid rgba(255,255,255,.32);font-size:.58rem;display:flex;align-items:center;justify-content:center;padding:0;opacity:.65;z-index:4;transition:transform .15s ease,opacity .15s ease}.board-card-wrap:hover .board-card-eye,.board-card-eye:hover,.board-card-eye:focus-visible{opacity:1;transform:scale(1.2)}.player-card{background:linear-gradient(140deg,#2563eb,#1e40af)}.ai-card{background:linear-gradient(140deg,#7c3aed,#5b21b6)}.compact-card.influenced{animation:influence-shake .45s ease-in-out infinite alternate;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2438,0 8px 20px #0003}.compact-card.face-down{min-width:calc(52px * var(--card-scale));max-width:calc(52px * var(--card-scale));min-height:calc(68px * var(--card-scale));border-radius:8px;border:1px solid rgba(255,255,255,.18);background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px),linear-gradient(140deg,#4c1d95,#1e1b4b);display:flex;align-items:center;justify-content:center;cursor:default}.face-down-mark{font-size:1.1rem;font-weight:900;color:#ffffff80}.compact-card.staged{opacity:.9;border-style:dashed;border-color:#fbbf24}.staged-tag,.pin-tag{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.46rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:1px 4px;border-radius:999px;background:#fbbf24e6;color:#111827}.pin-tag{background:#94a3b8e6}.compact-card.movable{cursor:grab;touch-action:none}.compact-card.movable:active{cursor:grabbing}.compact-card.glow-move{animation:pop-in .22s ease,glow-move-pulse 1.6s ease-in-out infinite}.bubble{position:absolute;width:calc(16px * var(--card-scale));height:calc(16px * var(--card-scale));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(.56rem * var(--card-scale));font-weight:800;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.28)}.top-left{top:3px;left:3px}.top-right{top:3px;right:3px}.bubble.up{background:#15803d;border-color:#4ade80;animation:bubble-glow-buff 1.1s ease-in-out infinite alternate}.bubble.down{background:#b91c1c;border-color:#fca5a5;animation:bubble-glow-nerf 1.1s ease-in-out infinite alternate}.rarity-gem{width:calc(8px * var(--card-scale));height:calc(8px * var(--card-scale));border-radius:50%;flex:0 0 auto;align-self:center;border:1px solid rgba(255,255,255,.5)}.compact-card .rarity-gem{position:absolute;top:3px;left:50%;transform:translate(-50%)}.rarity-gem.rarity-yuyo{background:#7c9473;box-shadow:0 0 4px #7c9473b3}.rarity-gem.rarity-embrujo{background:#a855f7;box-shadow:0 0 5px #a855f7bf}.rarity-gem.rarity-milagro{background:#f59e0b;box-shadow:0 0 6px #f59e0bcc}.rarity-gem.rarity-leyenda{background:linear-gradient(135deg,#fbbf24,#dc2626);box-shadow:0 0 7px #dc2626d9;animation:rarity-leyenda-glow 1.4s ease-in-out infinite}@keyframes rarity-leyenda-glow{0%,to{box-shadow:0 0 6px #dc2626cc}50%{box-shadow:0 0 11px 2px #fbbf24f2}}.lore-box{margin-top:16px;border:1px solid rgba(251,191,36,.22);border-radius:12px;padding:12px;background:#78350f24}.lore-box h4{margin:0 0 8px;font-size:.92rem;color:#fde68a}.lore-text{margin:0;font-size:.86rem;line-height:1.5;color:#e2e8f0;white-space:pre-line}.influence-box{margin-top:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:#0f172a6b}.influence-box h4{margin:0 0 8px;font-size:.92rem}.influence-list{list-style:none;padding:0 4px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:190px;overflow-y:auto}.influence-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:#ffffff0f;border-left:3px solid #60a5fa}.influence-item.buff{border-left-color:#4ade80}.influence-item.nerf{border-left-color:#f87171}.influence-item.location{border-left-color:#fbbf24}.hand-dock{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0 4px}.hand-dock-meta{font-size:.66rem;color:#94a3b8}.hand-dock-cards{display:flex;justify-content:center;padding-top:10px}.hand-card-wrap{position:relative;display:inline-flex;margin-left:-16px;transition:margin .2s ease}.hand-card-wrap:first-child{margin-left:0}.hand-card{display:flex;flex-direction:column;align-items:stretch;gap:calc(5px * var(--card-scale));min-width:calc(92px * var(--card-scale));max-width:calc(104px * var(--card-scale));background:linear-gradient(140deg,#111827,#1e3a8a);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 20px #00000047;padding:calc(6px * var(--card-scale));text-align:left;transform:rotate(var(--fan-angle, 0deg));transform-origin:bottom center;transition:transform .2s ease,box-shadow .2s ease;touch-action:none}.hand-card:hover{transform:translateY(-26px) rotate(0) scale(1.45);box-shadow:0 22px 40px #00000080;z-index:20}.hand-card-eye{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#1f2937;border:1px solid rgba(255,255,255,.35);font-size:.76rem;display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;z-index:21;transition:transform .15s ease,opacity .15s ease}.hand-card-wrap:hover .hand-card-eye,.hand-card-eye:hover,.hand-card-eye:focus-visible{opacity:1;transform:scale(1.18)}.hand-card.selected{outline:2px solid #fbbf24}.hand-card.unaffordable{opacity:.5;filter:grayscale(.5)}.hand-card-top{display:flex;justify-content:space-between;align-items:center}.cost-triangle{width:calc(26px * var(--card-scale));height:calc(24px * var(--card-scale));background:#2563eb;clip-path:polygon(50% 0%,0% 100%,100% 100%);color:#eff6ff;font-size:calc(.6rem * var(--card-scale));font-weight:900;display:flex;align-items:center;justify-content:center;padding-top:6px;box-sizing:border-box;text-shadow:0 1px 0 rgba(15,23,42,.35);transition:box-shadow .25s ease}.cost-triangle.discounted{background:#16a34a}.cost-triangle.glow-discount{animation:discount-glow 1.1s ease-in-out infinite alternate}.power-badge{width:calc(26px * var(--card-scale));height:calc(26px * var(--card-scale));border-radius:50%;background:#facc15;color:#111827;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(.66rem * var(--card-scale));box-shadow:inset 0 0 0 2px #1118271f;transition:transform .2s ease,box-shadow .2s ease}.power-badge:hover,.cost-triangle:hover{animation:bounce-badge .45s ease}.card-illustration{min-height:calc(52px * var(--card-scale));border-radius:8px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#ffffff24,#ffffff0a);display:flex;align-items:center;justify-content:center;padding:4px;text-align:center;font-size:calc(.6rem * var(--card-scale));font-weight:700;position:relative;overflow:hidden;background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.card-illustration.with-image{color:#fff;text-shadow:0 2px 8px rgba(2,6,23,.75)}.hand-card-name{font-size:calc(.66rem * var(--card-scale));text-align:center;line-height:1.15}.empty-hand{color:#94a3b8;font-size:.85rem}.log-settings-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.ai-level{display:flex;align-items:center;gap:6px;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd}.ai-level select{background:#111827;color:#f9fafb;border:1px solid #4b5563;border-radius:8px;padding:6px 8px}.log-panel{max-height:84vh;overflow-y:auto}.log-alert-stack{max-height:42vh;overflow-y:auto;padding-right:4px}.alert-stack{display:flex;flex-direction:column;gap:8px;margin-top:12px}.alert-item{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;color:#e2e8f0;font-size:.88rem}.card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.card-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617c7}.card-overlay-panel{position:relative;width:min(92vw,520px);max-height:88vh;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.16);border-radius:24px;overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 60px #00000073}.card-overlay-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:999px;border:none;background:#0f172ae6;color:#fff;font-size:1.4rem;cursor:pointer}.card-overlay-illustration{min-height:220px;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#3b82f659,#9333ea59);background-size:cover;background-position:center;font-size:1.35rem;font-weight:800;text-align:center;text-shadow:0 2px 8px rgba(2,6,23,.75)}.card-overlay-body{padding:18px 20px 24px}.card-overlay-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.overlay-bubbles{display:flex;gap:8px;flex-wrap:wrap}.overlay-chip{border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.overlay-chip.cost{background:#1d4ed8}.overlay-chip.power{background:#dc2626}.overlay-chip.location-chip{background:#334155}.card-overlay-archetype{text-transform:uppercase;letter-spacing:.12em;color:#93c5fd;font-size:.74rem;margin:8px 0 4px}.card-overlay-effect{font-size:1rem;line-height:1.5;color:#e2e8f0}.card-overlay-location{color:#fcd34d;margin-top:8px}.card-illustration.archetype-envion,.card-overlay-illustration.archetype-envion,.drag-preview-art.archetype-envion{background-image:linear-gradient(135deg,#d9770680,#78350f99)}.card-illustration.archetype-malon,.card-overlay-illustration.archetype-malon,.drag-preview-art.archetype-malon{background-image:linear-gradient(135deg,#7f1d1d99,#0f172ab3)}.card-illustration.archetype-cambalache,.card-overlay-illustration.archetype-cambalache,.drag-preview-art.archetype-cambalache{background-image:linear-gradient(135deg,#15803d80,#064e3b99)}.card-illustration.archetype-andanzas,.card-overlay-illustration.archetype-andanzas,.drag-preview-art.archetype-andanzas{background-image:linear-gradient(135deg,#1e40af8c,#312e81a6)}.card-illustration.archetype-neutral,.card-overlay-illustration.archetype-neutral,.card-illustration.archetype-ficha,.card-overlay-illustration.archetype-ficha,.drag-preview-art.archetype-neutral,.drag-preview-art.archetype-ficha{background-image:linear-gradient(135deg,#47556999,#0f172ab3)}.end-panel{text-align:center}.end-title{font-size:1.9rem;margin:8px 0}.end-title.player{color:#4ade80}.end-title.ai{color:#f87171}.end-title.draw{color:#fbbf24}.end-pact-note{margin:-6px 0 10px;font-size:.82rem;font-weight:700;color:#ddd6fe}.end-score{font-size:1.1rem;font-weight:800;margin:4px 0}.end-score.small{font-size:.88rem;font-weight:500;color:#94a3b8}.end-locations{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.end-locations li{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:#ffffff0f;border-left:3px solid #6b7280}.end-locations li.player{border-left-color:#4ade80}.end-locations li.ai{border-left-color:#f87171}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.drag-source-active{opacity:.28;filter:grayscale(.3)}.drag-ghost{position:fixed;pointer-events:none;will-change:transform;z-index:210;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45));opacity:0}.drag-preview-art,.drag-preview-info{position:fixed;transform:translateY(-50%);pointer-events:none;z-index:150;opacity:0;transition:opacity .25s ease,transform .25s ease}.drag-preview-art.show,.drag-preview-info.show{opacity:1}.drag-preview-art{left:18px;width:130px;height:170px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff14;background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-weight:800;font-size:.9rem;color:#fff;text-shadow:0 2px 8px rgba(2,6,23,.75);box-shadow:0 16px 36px #00000073;transform:translateY(-50%) translate(-14px)}.drag-preview-art.show{transform:translateY(-50%) translate(0)}.drag-preview-info{right:18px;width:min(30vw,260px);border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 16px 36px #00000073;padding:12px 14px;transform:translateY(-50%) translate(14px)}.drag-preview-info.show{transform:translateY(-50%) translate(0)}.drag-preview-info-head{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.drag-preview-info-head strong{font-size:.92rem}.drag-preview-archetype{margin:0 0 6px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;color:#93c5fd}.drag-preview-effect{margin:0;font-size:.8rem;line-height:1.4;color:#e2e8f0}.flip-moving{box-shadow:0 0 0 2px #60a5fa8c,0 10px 24px #60a5fa47}.pulse-buff{animation:pulse-buff-flash .65s ease}.pulse-nerf{animation:pulse-nerf-flash .65s ease}.destroy-ghost{position:fixed;border-radius:12px;background-size:cover;background-position:center;background-color:#7f1d1d8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;animation:ghost-shatter 2s ease-out forwards;z-index:205}.destroy-ghost-mark{font-size:1.8rem;filter:drop-shadow(0 0 6px rgba(248,113,113,.8))}.destroy-ghost-label{font-size:.72rem;font-weight:800;text-align:center;padding:3px 8px;border-radius:999px;background:#0f172aa6}.reveal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061700;transition:background .3s ease;z-index:190}.reveal-backdrop.active{background:#020617b8}.fx-arrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;pointer-events:none;opacity:0;transition:opacity .25s ease}.fx-arrow.show{opacity:1}.fx-arrow-line{stroke:#fbbf24;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 6px rgba(251,191,36,.75));animation:fx-arrow-flow .7s linear infinite}.fx-arrow-line.buff{stroke:#4ade80;filter:drop-shadow(0 0 6px rgba(74,222,128,.75))}.fx-arrow-line.nerf{stroke:#f87171;filter:drop-shadow(0 0 6px rgba(248,113,113,.75))}@keyframes fx-arrow-flow{0%{stroke-dashoffset:36}to{stroke-dashoffset:0}}.enemy-arrival-ghost{position:fixed;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px),linear-gradient(140deg,#4c1d95,#1e1b4b);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0006;z-index:215;pointer-events:none}.enemy-arrival-ghost .face-down-mark{font-size:1.1rem;font-weight:900;color:#ffffff80}@keyframes pop-in{0%{opacity:0;transform:scale(.94) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in-arrival{animation:pop-in-arrival .32s cubic-bezier(.22,1,.36,1)}@keyframes pop-in-arrival{0%{opacity:.4;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes influence-shake{0%{transform:rotate(-1deg) translateY(0)}to{transform:rotate(1deg) translateY(-1px)}}@keyframes bounce-badge{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}@keyframes glow-move-pulse{0%,to{box-shadow:0 8px 20px #0003,0 0 0 2px #facc1559,0 0 16px 4px #facc1559}50%{box-shadow:0 8px 20px #0003,0 0 0 3px #facc1599,0 0 24px 8px #facc158c}}@keyframes bubble-glow-buff{0%{box-shadow:0 0 0 2px #4ade804d,0 0 6px 2px #4ade804d}to{box-shadow:0 0 0 3px #4ade80a6,0 0 12px 5px #4ade8099}}@keyframes bubble-glow-nerf{0%{box-shadow:0 0 0 2px #f871714d,0 0 6px 2px #f871714d}to{box-shadow:0 0 0 3px #f87171a6,0 0 12px 5px #f8717199}}@keyframes discount-glow{0%{box-shadow:0 0 0 1px #4ade8059,0 0 6px 2px #4ade804d}to{box-shadow:0 0 0 2px #4ade80a6,0 0 12px 5px #4ade808c}}@keyframes pulse-buff-flash{0%{box-shadow:0 0 #4ade80b3}60%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes pulse-nerf-flash{0%{box-shadow:0 0 #f87171b3}60%{box-shadow:0 0 0 10px #f8717100}to{box-shadow:0 0 #f8717100}}@keyframes ghost-shatter{0%{opacity:1;transform:scale(1) rotate(0);filter:brightness(1.3) saturate(1.2)}20%{transform:scale(1.5) rotate(-4deg)}55%{opacity:1;transform:scale(3) rotate(5deg);filter:brightness(1) saturate(1.1)}to{opacity:0;transform:scale(3.15) rotate(9deg);filter:brightness(.55)}}.start-banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.7);opacity:0;font-size:clamp(1.8rem,5.5vw,3.6rem);font-weight:900;color:#fde68a;text-shadow:0 0 26px rgba(250,204,21,.6),0 6px 18px rgba(0,0,0,.6);letter-spacing:.02em;text-align:center;z-index:230;pointer-events:none;white-space:nowrap;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .4s ease}.start-banner.show{transform:translate(-50%,-50%) scale(1);opacity:1}.start-banner.hide{transform:translate(-50%,-50%) scale(1.15);opacity:0}.start-banner.pact-banner{color:#ddd6fe;text-shadow:0 0 26px rgba(139,92,246,.7),0 6px 18px rgba(0,0,0,.6)}.start-screen{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#0b1220;background-size:cover;background-position:center;overflow:hidden}.start-screen-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b122059,#0b12208c 55%,#0b1220e0);pointer-events:none}.start-top-bar{position:relative;z-index:2;align-self:flex-end;display:flex;gap:10px;padding:16px 20px}.icon-btn{width:42px;height:42px;border-radius:999px;background:#0f172ab3;border:1px solid rgba(255,255,255,.18);font-size:1.15rem;display:flex;align-items:center;justify-content:center;padding:0;text-decoration:none;color:inherit;transition:transform .15s ease,opacity .15s ease}.icon-btn:hover{transform:translateY(-2px)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{transform:none}.start-top-bar-left{align-self:flex-start}.start-title-wrap{position:relative;z-index:2;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 20px}.start-title-sway{animation:title-sway 4.5s ease-in-out infinite;transform-origin:50% 60%}.start-title-image{max-width:min(78vw,520px);max-height:34vh;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}.start-title-fallback{margin:0;font-size:clamp(2.6rem,9vw,5.5rem);font-weight:900;letter-spacing:.06em;color:#fde68a;text-shadow:0 0 30px rgba(250,204,21,.45),0 8px 20px rgba(0,0,0,.6)}.start-xp-panel{position:relative;z-index:2;width:min(86vw,360px);margin:0 auto 18px;text-align:center}.start-xp-track{height:14px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:inset 0 2px 6px #00000073}.start-xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#8b5cf6,#f59e0b);box-shadow:0 0 12px #8b5cf699;transition:width .4s ease}.start-xp-caption{margin:8px 0 0;font-size:.78rem;font-weight:600;color:#e2e8f0;text-shadow:0 2px 6px rgba(0,0,0,.7)}.start-tips-panel{position:relative;z-index:2;width:min(86vw,360px);margin:0 auto 18px;padding:10px 16px;text-align:center;background:#2563eb2e;border:1px solid rgba(96,165,250,.4);border-radius:16px;box-shadow:inset 0 1px #ffffff14}.start-tips-label{display:block;margin-bottom:4px;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd}.start-tip-text{margin:0;font-size:.82rem;font-weight:600;line-height:1.4;color:#e2e8f0;text-shadow:0 2px 6px rgba(0,0,0,.7)}.tip-fade-in{animation:tip-fade-in .4s ease}@keyframes tip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.start-menu{position:relative;z-index:2;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;padding:0 20px 32px}.start-menu-btn{background:#111827d1;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:12px 26px;font-size:.95rem;font-weight:700;letter-spacing:.02em;transition:transform .18s ease,background .18s ease,border-color .18s ease}.start-menu-btn:hover{transform:translateY(-2px);background:#2563eb59;border-color:#93c5fd}.credits-panel{width:min(90vw,440px)}.credits-text{font-size:1rem;line-height:1.5;color:#e2e8f0}@keyframes title-sway{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}.deck-select-screen{height:100%;overflow-y:auto;padding:18px 22px 32px;box-sizing:border-box;max-width:1100px;margin:0 auto}.deck-select-header{position:relative;display:flex;align-items:center;justify-content:center;padding:4px 0 10px}.deck-select-header h2{margin:0;font-size:1.15rem;text-align:center}.deck-select-header .log-toggle-btn{right:auto;left:0}.deck-select-spacer{width:1px}.deck-select-intro{color:#cbd5e1;font-size:.86rem;line-height:1.5;max-width:720px;margin:0 auto 18px;text-align:center}.player-name-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 16px}.player-name-row label{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd}.player-name-row input{background:#111827;color:#f9fafb;border:1px solid #4b5563;border-radius:999px;padding:8px 14px;font-size:.86rem;width:220px}.player-name-row input:focus{outline:none;border-color:#60a5fa}.danger-zone{margin-top:24px;padding-top:16px;border-top:1px dashed rgba(248,113,113,.3);text-align:center}.danger-btn{background:transparent;border:1px solid #7f1d1d;color:#fecaca;border-radius:999px;padding:10px 20px;font-size:.82rem;font-weight:700}.danger-btn:hover{background:#7f1d1d40}.danger-zone-hint{margin:8px 0 0;font-size:.72rem;color:#94a3b8}.starter-deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.starter-deck-card{background:#111827e6;border:1px solid #374151;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.starter-deck-card h3{margin:0;font-size:1rem}.starter-deck-blurb{margin:0;color:#cbd5e1;font-size:.82rem;line-height:1.45}.starter-deck-curve{margin:0;color:#93c5fd;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.mini-card-grid{display:flex;flex-wrap:wrap;gap:6px}.mini-card{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#1e3a8a,#111827);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:5px 8px;font-size:.7rem}.mini-card:disabled{cursor:default}.mini-card.selected{outline:2px solid #34d399;background:linear-gradient(135deg,#065f46,#111827)}.mini-card-cost{min-width:16px;height:16px;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;flex-shrink:0}.mini-card-name{font-weight:600;white-space:nowrap}.mini-card-power{min-width:16px;height:16px;border-radius:50%;background:#facc15;color:#111827;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;flex-shrink:0}.mini-card-wrap{position:relative;display:inline-flex}.mini-card-eye{position:absolute;top:-6px;right:-6px;width:18px;height:18px;padding:0;border-radius:50%;background:#1f2937;border:1px solid rgba(255,255,255,.3);font-size:.62rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.85;transition:transform .15s ease,opacity .15s ease}.mini-card-eye:hover{transform:scale(1.15);opacity:1}.deck-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.deck-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#111827e6;border:1px solid #374151;border-radius:12px;padding:10px 14px}.deck-list-item.active{border-color:#34d399}.deck-list-info{display:flex;flex-direction:column;gap:2px}.deck-list-info span{font-size:.72rem;color:#94a3b8}.deck-list-actions{display:flex;align-items:center;gap:8px}.deck-active-badge{font-size:.72rem;font-weight:800;color:#34d399;text-transform:uppercase;letter-spacing:.04em}.deck-delete-btn{background:transparent;border:1px solid #7f1d1d;color:#fecaca;border-radius:999px;width:30px;height:30px;padding:0;font-size:.82rem}.wide-btn{width:100%;margin-bottom:18px}.wide-btn:disabled{opacity:.4;cursor:not-allowed}.collection-title{font-size:.95rem;margin:10px 0}.collection-grid{padding-bottom:10px}.card-search-row{margin:0 0 16px}.card-search-row input{width:100%;box-sizing:border-box;background:#111827;color:#f9fafb;border:1px solid #4b5563;border-radius:999px;padding:10px 16px;font-size:.88rem}.card-search-row input:focus{outline:none;border-color:#60a5fa}.big-card-grid{display:flex;flex-wrap:wrap;gap:16px;padding:8px 6px 16px}.big-card-wrap{position:relative;display:inline-flex}.big-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:120px;background:linear-gradient(140deg,#111827,#1e3a8a);border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 8px 16px #00000047;padding:7px;text-align:left;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.big-card:hover{transform:scale(1.4);box-shadow:0 22px 44px #0000008c;z-index:20;position:relative}.big-card:disabled{cursor:default}.big-card.selected{outline:2px solid #34d399}.big-card .card-illustration{min-height:96px}.big-card-eye{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#1f2937;border:1px solid rgba(255,255,255,.35);font-size:.76rem;display:flex;align-items:center;justify-content:center;padding:0;opacity:.7;z-index:21;transition:transform .15s ease,opacity .15s ease}.big-card-wrap:hover .big-card-eye,.big-card-eye:hover,.big-card-eye:focus-visible{opacity:1;transform:scale(1.18)}.dup-count-tag{align-self:center;font-size:.62rem;font-weight:800;color:#fde68a;background:#78350f66;border:1px solid rgba(251,191,36,.4);border-radius:999px;padding:1px 8px}.dup-disenchant-btn{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.6rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#1f2937;border:1px solid rgba(251,191,36,.5);color:#fde68a;opacity:.85;transition:opacity .15s ease,transform .15s ease}.dup-disenchant-btn:hover{opacity:1;transform:translate(-50%) scale(1.05)}.dust-panel{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:4px 0 16px;padding:10px 14px;border-radius:12px;background:#78350f29;border:1px solid rgba(251,191,36,.3)}.dust-count{font-size:.88rem;font-weight:800;color:#fde68a}.roulette-overlay{z-index:85}.roulette-backdrop{background:radial-gradient(circle at 50% 38%,#f59e0b47,#020617eb 70%)}.roulette-panel{position:relative;width:min(92vw,420px);text-align:center;padding:28px 24px 24px;background:linear-gradient(160deg,#1e1240,#0f172a);border:2px solid rgba(251,191,36,.55);border-radius:28px;box-shadow:0 0 60px #f59e0b4d,0 24px 60px #00000080}.roulette-title{margin:0 0 20px;font-size:1.2rem;font-weight:800;color:#fde68a;text-shadow:0 0 20px rgba(251,191,36,.5)}.roulette-wheel-wrap{position:relative;width:220px;height:220px;margin:0 auto 20px}.roulette-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #fde68a;filter:drop-shadow(0 0 6px rgba(251,191,36,.8));z-index:2}.roulette-wheel{width:100%;height:100%;border-radius:50%;position:relative;border:4px solid rgba(15,23,42,.85);outline:2px solid rgba(251,191,36,.5);background:conic-gradient(from 0deg,#7c9473,#7c9473 90deg,#a855f7 90deg,#a855f7 180deg,#f59e0b 180deg,#f59e0b 270deg,#dc2626 270deg,#dc2626 360deg);transition:transform 2.4s cubic-bezier(.15,.68,.14,1);box-shadow:0 0 30px #0006 inset}.roulette-label{position:absolute;top:50%;left:50%;width:0;height:0;display:flex;align-items:center;justify-content:center;transform:rotate(var(--angle)) translateY(-78px)}.roulette-label-text{display:inline-block;white-space:nowrap;font-size:.78rem;font-weight:800;color:#f8fafc;text-shadow:0 1px 4px rgba(0,0,0,.8)}.roulette-label-flip{transform:rotate(180deg)}.roulette-label-text.rarity-leyenda{text-shadow:0 0 6px rgba(251,191,36,.9),0 1px 4px rgba(0,0,0,.8)}.roulette-result-card{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;animation:roulette-result-pop .4s ease}@keyframes roulette-result-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.roulette-result-illustration{width:100%;min-height:140px;border-radius:16px}.roulette-result-body h4{margin:0 0 4px;font-size:1.05rem;color:#f8fafc}.roulette-result-body p{margin:0;font-size:.82rem;color:#cbd5f5;line-height:1.4}.deck-builder{background:#0f172a99;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;margin-bottom:18px}.deck-builder-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.deck-name-input{flex:1 1 auto;background:#111827;color:#f9fafb;border:1px solid #4b5563;border-radius:8px;padding:8px 10px;font-size:.86rem}.deck-builder-count{font-weight:800;color:#94a3b8;white-space:nowrap}.deck-builder-count.ready{color:#34d399}.deck-builder-hint{margin:0 0 10px;font-size:.76rem;color:#94a3b8}.deck-builder-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.xp-panel{width:min(92vw,420px);text-align:center;padding:26px 24px}.xp-title{margin:0 0 18px;font-size:1.3rem;color:#fde68a}.xp-pact-note{margin:-12px 0 18px;font-size:.82rem;font-weight:700;color:#ddd6fe}.xp-dust-note{margin:-12px 0 18px;font-size:.82rem;font-weight:700;color:#fde68a}.xp-bar-track{height:20px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);overflow:hidden;box-shadow:inset 0 2px 6px #0006}.xp-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#8b5cf6,#f59e0b);box-shadow:0 0 14px #8b5cf699}.xp-bar-caption{margin:14px 0 20px;font-size:.86rem;color:#cbd5e1;line-height:1.4}.new-card-overlay{z-index:70}.new-card-backdrop{background:radial-gradient(circle at 50% 45%,#facc1547,#020617f0 68%);animation:new-card-backdrop-pulse 2.6s ease-in-out infinite}.new-card-sparkle-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.new-card-sparkle{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:hsl(var(--hue) 92% 66%);box-shadow:0 0 12px 3px hsl(var(--hue) 92% 66%);opacity:0;animation:new-card-sparkle-fly 2.4s ease-out infinite;animation-delay:var(--delay)}.new-card-panel{width:min(92vw,420px);position:relative;z-index:2;animation:new-card-pop-in .5s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 3px #facc158c,0 0 50px 12px #ec489959,0 24px 60px #0000008c;animation:new-card-pop-in .5s cubic-bezier(.22,1,.36,1),new-card-border-glow 2.4s ease-in-out infinite .5s}.new-card-panel.duplicate{box-shadow:0 0 0 2px #94a3b866,0 24px 60px #0000008c;animation:new-card-pop-in .5s cubic-bezier(.22,1,.36,1)}.new-card-panel.duplicate .new-card-banner{background:linear-gradient(90deg,#64748b,#94a3b8,#64748b);background-size:300% 100%;color:#0f172a}.new-card-dup-note{margin:10px 0 0;font-size:.82rem;color:#fde68a;line-height:1.4}.new-card-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:3;background:linear-gradient(90deg,#f59e0b,#ec4899,#8b5cf6,#f59e0b);background-size:300% 100%;animation:new-card-banner-shift 3s linear infinite;color:#111827;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:6px 14px;border-radius:999px;box-shadow:0 8px 20px #0006;white-space:nowrap}.new-card-illustration{min-height:240px;background-size:cover;background-position:center}@keyframes new-card-pop-in{0%{opacity:0;transform:scale(.6) rotate(-6deg)}60%{opacity:1;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes new-card-border-glow{0%,to{box-shadow:0 0 0 3px #facc158c,0 0 50px 12px #ec489959,0 24px 60px #0000008c}33%{box-shadow:0 0 0 3px #ec48998c,0 0 55px 14px #8b5cf666,0 24px 60px #0000008c}66%{box-shadow:0 0 0 3px #8b5cf68c,0 0 55px 14px #facc1566,0 24px 60px #0000008c}}@keyframes new-card-banner-shift{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes new-card-backdrop-pulse{0%,to{background:radial-gradient(circle at 50% 45%,#facc153d,#020617f0 68%)}50%{background:radial-gradient(circle at 50% 45%,#ec489947,#020617eb 68%)}}@keyframes new-card-sparkle-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(.4)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--dist)) scale(1.1)}}.settings-panel{width:min(92vw,420px)}.settings-row{display:flex;flex-direction:column;gap:8px;margin:18px 0}.settings-row label{font-size:.86rem;color:#cbd5e1}.settings-row input[type=range]{width:100%;accent-color:#7c3aed}.settings-row-toggle{flex-direction:row;align-items:center;justify-content:space-between}.intro-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#000;animation:match-intro-in .3s ease}.intro-video{width:100%;height:100%;object-fit:contain}.intro-video-skip{position:absolute;bottom:24px;right:24px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0f172aa6;color:#f8fafc;font-size:.85rem;font-weight:700;cursor:pointer}.intro-video-skip:hover{background:#0f172ad9}.intro-video-unmute{position:absolute;bottom:24px;left:24px;padding:10px 18px;border-radius:999px;border:1px solid rgba(251,191,36,.5);background:#78350f80;color:#fde68a;font-size:.85rem;font-weight:700;cursor:pointer}.intro-video-unmute:hover{background:#78350fbf}.match-intro{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:20px;text-align:center;background:radial-gradient(circle at 50% 38%,#3341558c,#020617f7);animation:match-intro-in .5s ease}@keyframes match-intro-in{0%{opacity:0}to{opacity:1}}.match-intro-sides{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.match-intro-side{width:min(80vw,260px);padding:22px 18px;border-radius:20px;background:#0f172ab8;border:1px solid rgba(255,255,255,.14)}.match-intro-player{border-color:#60a5fa8c;box-shadow:0 0 30px #2563eb33}.match-intro-ai{border-color:#c4b5fd99;box-shadow:0 0 30px #7c3aed40}.match-intro-tag{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:#93c5fd;margin-bottom:6px}.match-intro-ai .match-intro-tag{color:#c4b5fd}.match-intro-side h2{margin:0;font-size:1.3rem;line-height:1.25}.match-intro-subtitle{margin:8px 0 0;font-size:.82rem;color:#94a3b8}.match-intro-vs{font-size:2rem;font-weight:900;color:#fbbf24;text-shadow:0 0 24px rgba(250,204,21,.5)}.lore-box summary{cursor:pointer;margin:0 0 8px;font-size:.92rem;font-weight:700;color:#fde68a;list-style:none}.lore-box summary::-webkit-details-marker{display:none}.lore-box summary:before{content:"▸";display:inline-block;margin-right:6px;transition:transform .15s ease}.lore-box[open] summary:before{transform:rotate(90deg)}.lore-box[open] summary{margin-bottom:8px}.lore-box .lore-text{margin-top:4px}.start-level-chip{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;font-size:.76rem;font-weight:800;color:#fde68a;background:#78350f59;border:1px solid rgba(251,191,36,.4)}.xp-level-note{margin:-10px 0 14px;font-size:.86rem;font-weight:700;color:#94a3b8}.xp-level-note.xp-level-up{color:#fde68a;text-shadow:0 0 16px rgba(250,204,21,.5)}.tutorial-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none}.vn-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .25s ease}.vn-root.show{opacity:1}.vn-tap-catcher{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto;cursor:pointer}.vn-box{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(92vw,760px);display:flex;align-items:flex-end;gap:0;pointer-events:auto;cursor:pointer;z-index:2}.vn-box.static{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto 18px;cursor:default}.vn-portrait{flex:0 0 auto;width:108px;height:132px;border-radius:16px 4px 4px 16px;background:linear-gradient(160deg,#78350f,#451a03);background-size:cover;background-position:center top;border:2px solid rgba(251,191,36,.55);border-right:none;box-shadow:0 10px 26px #00000080}.vn-character{position:fixed;bottom:66px;height:min(64vh,560px);width:auto;max-width:50vw;object-fit:contain;object-position:bottom center;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 58% 74% at 50% 40%,black 46%,transparent 84%);mask-image:radial-gradient(ellipse 58% 74% at 50% 40%,black 46%,transparent 84%);filter:drop-shadow(0 24px 46px rgba(0,0,0,.6));opacity:0;transform:translateY(26px) scale(.94);transition:opacity .4s ease,transform .4s ease;z-index:1}.vn-character.show{opacity:1;transform:translateY(0) scale(1)}.vn-character.side-left{left:1vw}.vn-character.side-right{right:1vw}.vn-textbox{position:relative;flex:1 1 auto;background:linear-gradient(160deg,#0f172af5,#1e1b14f5);border:2px solid rgba(251,191,36,.55);border-radius:18px;padding:18px 44px 18px 20px;min-height:96px;box-shadow:0 10px 26px #00000080}.vn-box.static .vn-textbox{border-radius:4px 18px 18px 4px}.vn-textbox.voice-zupay{background:linear-gradient(160deg,#0f172af5,#3b0707f0);border-color:#f8717199}.vn-nameplate{position:absolute;top:-14px;left:16px;padding:3px 14px;border-radius:999px;background:linear-gradient(135deg,#d97706,#78350f);border:1px solid rgba(251,191,36,.7);font-size:.76rem;font-weight:800;letter-spacing:.04em;color:#fef3c7}.voice-zupay .vn-nameplate{background:linear-gradient(135deg,#b91c1c,#450a0a);border-color:#f87171bf;color:#fee2e2}.vn-text{margin:6px 0 0;font-size:.94rem;line-height:1.5;color:#f1f5f9}.vn-advance-hint{position:absolute;right:14px;bottom:10px;color:#fbbf24;animation:vn-advance-bounce 1s ease-in-out infinite}.voice-zupay .vn-advance-hint{color:#f87171}@keyframes vn-advance-bounce{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(4px);opacity:1}}.spotlight-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.spotlight-root.active{opacity:1}.tutorial-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;pointer-events:none;transition:clip-path .25s ease}.spotlight-root.active .tutorial-scrim{pointer-events:auto}.spotlight-root.locked{opacity:1}.spotlight-root.locked .tutorial-scrim{pointer-events:auto;background:transparent}.spotlight-root.locked .tutorial-glow-ring,.spotlight-root.locked .tutorial-arrow,.spotlight-root.locked .tutorial-hint-label{display:none}.tutorial-scrim-denied{animation:tutorial-scrim-deny .35s ease}@keyframes tutorial-scrim-deny{0%,to{background:#020617b8}40%{background:#7f1d1d8c}}.tutorial-glow-ring{position:fixed;border-radius:14px;border:3px solid #fbbf24;box-shadow:0 0 0 4px #fbbf2440,0 0 30px #fbbf2499;pointer-events:none;animation:tutorial-ring-pulse 1.3s ease-in-out infinite}@keyframes tutorial-ring-pulse{0%,to{box-shadow:0 0 0 4px #fbbf2440,0 0 30px #fbbf2499}50%{box-shadow:0 0 0 9px #fbbf241f,0 0 46px #fbbf24d9}}.tutorial-arrow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.tutorial-arrow-path{fill:none;stroke:#fbbf24;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(251,191,36,.8));animation:tutorial-arrow-bob .9s ease-in-out infinite}@keyframes tutorial-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.tutorial-hint-label{position:fixed;transform:translate(-50%,-100%);background:#78350feb;border:1px solid rgba(251,191,36,.6);color:#fef3c7;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap;pointer-events:none}.starter-vn-screen{height:100%;overflow-y:auto;padding:24px 18px 40px;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center}.starter-vn-deck-grid{width:min(96vw,1180px);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:10px 0 24px}.starter-vn-deck-card{text-align:left;background:linear-gradient(160deg,#0f172aeb,#1e1b14eb);border:2px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;color:#f1f5f9;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.starter-vn-deck-card:hover{transform:translateY(-4px);border-color:#fbbf2480}.starter-vn-deck-card.selected{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf244d,0 14px 30px #0006}.starter-vn-deck-card h3{margin:0 0 8px;font-size:1.05rem}.starter-vn-deck-blurb{margin:0 0 8px;font-size:.82rem;line-height:1.4;color:#cbd5e1}.starter-vn-deck-curve{margin:0 0 12px;font-size:.72rem;color:#94a3b8}.starter-vn-mini-cards{display:flex;flex-wrap:wrap;gap:6px}.starter-vn-mini-card{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:.68rem}.starter-vn-mini-cost{font-weight:800;color:#93c5fd}.starter-vn-mini-name{color:#e2e8f0}