:root{--bg-deep: #0a0817;--bg-mid: #14102a;--bg-card: #1a1535;--ink: #f4ecd8;--ink-dim: #b8a98c;--gold: #d4af37;--gold-dim: #8a7028;--line: rgba(212, 175, 55, .25);--line-strong: rgba(212, 175, 55, .55);--el-fuego: #ff5722;--el-fuego-glow: #ff8a4c;--el-agua: #2196f3;--el-agua-glow: #6ec6ff;--el-planta: #4caf50;--el-planta-glow: #81e088;--el-electrico: #ffc107;--el-electrico-glow: #ffe066;--el-oscuro: #7e3ff2;--el-oscuro-glow: #b388ff;--el-luz: #ffeb91;--el-luz-glow: #fffbe6;--danger: #ff3b3b;--safe: #66ff99}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Spectral,serif;color:var(--ink);background:var(--bg-deep);background-image:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(126,63,242,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 70%,rgba(212,175,55,.06) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(33,150,243,.04) 0%,transparent 80%);-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.5rem;padding:2rem;text-align:center}.menu-mark{font-family:Cinzel,serif;font-size:clamp(2rem,8vw,4rem);font-weight:700;color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.4),0 0 60px rgba(126,63,242,.2);letter-spacing:.1em}.sigil{width:80px;height:80px;border:2px solid var(--gold-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;animation:spin 20s linear infinite;box-shadow:0 0 20px #d4af3726}.menu-sub{font-size:.95rem;color:var(--ink-dim);max-width:300px}.name-input{background:var(--bg-card);border:1px solid var(--line);color:var(--ink);font-family:Spectral,serif;font-size:1rem;padding:.6rem 1rem;border-radius:6px;text-align:center;width:220px;outline:none;transition:border-color .2s}.name-input:focus{border-color:var(--gold)}.input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.btn{font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:.55rem 1.3rem;border:1px solid var(--line);border-radius:6px;background:var(--bg-card);color:var(--ink);cursor:pointer;transition:transform .1s,background .2s,border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--gold-dim);background:var(--bg-mid);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn:active{transform:translateY(1px) scale(.97);box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--gold-dim),var(--gold));color:var(--bg-deep);border-color:var(--gold)}.btn-primary:hover{background:linear-gradient(135deg,var(--gold),var(--gold-dim));box-shadow:0 0 16px #d4af3759}.btn-sm{font-size:.7rem;padding:.35rem .8rem}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.privacy{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.2rem;padding:2rem;text-align:center;background:var(--bg-deep)}.privacy-icon{font-size:4rem;animation:pulse 2s ease-in-out infinite}.privacy-title{font-family:Cinzel,serif;font-size:1.4rem;color:var(--gold)}.privacy-name{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--ink);text-shadow:0 0 20px rgba(212,175,55,.3)}.privacy-msg{color:var(--ink-dim);font-style:italic;font-size:.9rem}.game{display:flex;flex-direction:column;height:100%;gap:.15rem;padding:.15rem;overflow:hidden}.player-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;padding:.2rem .5rem;background:var(--bg-mid);border:1px solid var(--line);border-radius:4px;min-height:28px;flex-shrink:0}.strip-name{font-family:Cinzel,serif;font-size:.75rem;font-weight:700;color:var(--ink-dim);min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.strip-name.active{color:var(--gold);text-shadow:0 0 8px rgba(212,175,55,.4)}.lp-bar{flex:1;height:14px;background:#0006;border-radius:7px;border:1px solid var(--line);overflow:hidden;position:relative}.lp-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--danger),var(--gold),var(--safe));transition:width .5s ease}.lp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--ink);text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.strip-info{font-size:.65rem;color:var(--ink-dim);white-space:nowrap;display:flex;gap:.4rem;align-items:center}.status-icons{display:flex;gap:.25rem;font-size:.75rem}.status-icons span{opacity:.7}.status-icons span.active-status{opacity:1;filter:drop-shadow(0 0 4px var(--gold))}.field{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.1rem;flex-shrink:1;min-height:0}.field.opp,.field.opp .slot{transform:rotate(180deg)}.slot{aspect-ratio:3 / 4;border:1px dashed var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s;cursor:pointer;overflow:hidden}.slot.target{border:2px solid var(--gold);box-shadow:0 0 12px #d4af3780,0 0 24px #d4af3740;animation:targetPulse 1.2s ease-in-out infinite}.slot.attackable{border:2px solid var(--danger);box-shadow:0 0 10px #ff3b3b99,0 0 25px #ff3b3b59,inset 0 0 10px #ff3b3b1f;animation:attackablePulse .8s ease-in-out infinite}.slot.can-attack{border-color:var(--safe);box-shadow:0 0 8px #66ff994d,0 0 16px #66ff9926;animation:canAttackPulse 1.5s ease-in-out infinite}.slot.frozen{background:#2196f31a}.card{width:100%;height:100%;border-radius:6px;border:1px solid var(--line);background:var(--bg-card);display:flex;flex-direction:column;overflow:hidden;position:relative;font-size:.65rem;transition:transform .15s,box-shadow .2s}.card[data-el=fuego]{background:linear-gradient(160deg,var(--bg-card) 60%,rgba(255,87,34,.15));border-color:#ff572259}.card[data-el=agua]{background:linear-gradient(160deg,var(--bg-card) 60%,rgba(33,150,243,.15));border-color:#2196f359}.card[data-el=planta]{background:linear-gradient(160deg,var(--bg-card) 60%,rgba(76,175,80,.15));border-color:#4caf5059}.card[data-el=electrico]{background:linear-gradient(160deg,var(--bg-card) 60%,rgba(255,193,7,.15));border-color:#ffc10759}.card[data-el=oscuro]{background:linear-gradient(160deg,var(--bg-card) 60%,rgba(126,63,242,.15));border-color:#7e3ff259}.card[data-el=luz]{background:linear-gradient(160deg,var(--bg-card) 60%,rgba(255,235,145,.15));border-color:#ffeb9159}.card.spell{background:linear-gradient(160deg,var(--bg-card) 40%,rgba(126,63,242,.2));border-color:#7e3ff266}.card.trap{background:linear-gradient(160deg,var(--bg-card) 40%,rgba(180,30,30,.2));border:1px solid rgba(180,30,30,.5);border-style:solid}.card.fusion{border:2px solid var(--gold);box-shadow:0 0 10px #d4af374d,0 0 20px #d4af371a;background:linear-gradient(160deg,var(--bg-card) 30%,rgba(212,175,55,.12))}.card-head{display:flex;align-items:center;justify-content:space-between;padding:.15rem .3rem;min-height:18px}.card-name{font-family:Cinzel,serif;font-weight:700;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.2}.card-cost{width:18px;height:18px;border-radius:50%;background:var(--gold-dim);color:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;margin-left:.2rem}.card-art{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4vw,2rem);min-height:0}.card-effect{font-style:italic;font-size:.5rem;color:var(--ink-dim);padding:0 .25rem;line-height:1.3;max-height:2.4em;overflow:hidden;text-align:center}.card-stats{display:flex;justify-content:space-between;padding:.15rem .3rem;font-weight:700;font-size:.6rem}.card-stats .atk{color:#f94}.card-stats .hp{color:#6d7}.card.dead{filter:grayscale(1) brightness(.4);opacity:.5;pointer-events:none}.card.attacking{animation:attackShake .35s ease-in-out}.card.hit{animation:hitFlash .3s ease-in-out}.card.can-attack{border-color:var(--safe);box-shadow:0 0 8px #6f96,0 0 18px #6f93;animation:canAttackPulse 1.5s ease-in-out infinite}.card.frozen{filter:brightness(.8) saturate(.5)}.card.frozen:after{content:"❄";position:absolute;top:0;right:0;bottom:0;left:0;background:#2196f326;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:6px;pointer-events:none}.evolution-icon{position:absolute;top:2px;right:2px;font-size:.65rem;color:var(--gold);filter:drop-shadow(0 0 3px var(--gold));z-index:2}.battle-mid{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.2rem .4rem;min-height:28px;flex-shrink:0;flex-wrap:wrap}.turn-banner{font-family:Cinzel,serif;font-size:.75rem;font-weight:700;color:var(--gold);letter-spacing:.08em;text-shadow:0 0 8px rgba(212,175,55,.3)}.log-line{font-style:italic;font-size:.65rem;color:var(--ink-dim);text-align:center;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-attack-btn{font-family:Cinzel,serif;font-size:.85rem;font-weight:700;padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--danger),#cc2222);color:var(--ink);border:2px solid var(--danger);border-radius:8px;cursor:pointer;box-shadow:0 0 16px #ff3b3b66;animation:attackablePulse 1s ease-in-out infinite;transition:transform .1s}.direct-attack-btn:hover{transform:scale(1.05)}.direct-attack-btn:active{transform:scale(.96)}.hand-area{flex-shrink:0;padding:.2rem}.hand-row{display:flex;gap:.35rem;overflow-x:auto;overflow-y:hidden;padding:.3rem .2rem .4rem;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.hand-row::-webkit-scrollbar{height:4px}.hand-row::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.hand-card{width:64px;min-width:64px;aspect-ratio:3 / 4;cursor:pointer;transition:transform .15s,box-shadow .2s,margin-top .15s;position:relative}.hand-card:hover{transform:translateY(-6px) scale(1.05);z-index:5}.hand-card.selected{transform:translateY(-14px) scale(1.08);box-shadow:0 0 16px #d4af3780,0 6px 20px #00000080;z-index:10;border-radius:6px}.hand-card.unplayable{opacity:.4;cursor:not-allowed}.hand-card.unplayable:hover{transform:none}.hand-back{width:40px;min-width:40px;aspect-ratio:5 / 7;background:linear-gradient(145deg,var(--bg-mid),var(--bg-card));border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--gold-dim)}.hand-back:after{content:"✦"}.opp-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem;padding:.15rem .3rem;flex-shrink:0}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.25rem;flex-shrink:0}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal{background:var(--bg-mid);border:1px solid var(--line-strong);border-radius:10px;padding:1.5rem;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 40px #0009;animation:fadeIn .25s ease}.modal h2{font-family:Cinzel,serif;color:var(--gold);margin-bottom:.8rem;font-size:1.1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.modal-info{font-size:.85rem;color:var(--ink-dim);line-height:1.6}.modal-info p{margin-bottom:.5rem}.card-detail-modal{max-width:320px;text-align:center}.card-detail{display:flex;flex-direction:column;align-items:center;gap:.5rem}.card-detail-art{font-size:4rem;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);border:2px solid var(--line-strong);text-shadow:0 0 20px currentColor}.card-detail-art[data-el=fuego]{border-color:var(--el-fuego);box-shadow:0 0 20px #ff57224d}.card-detail-art[data-el=agua]{border-color:var(--el-agua);box-shadow:0 0 20px #2196f34d}.card-detail-art[data-el=planta]{border-color:var(--el-planta);box-shadow:0 0 20px #4caf504d}.card-detail-art[data-el=electrico]{border-color:var(--el-electrico);box-shadow:0 0 20px #ffc1074d}.card-detail-art[data-el=oscuro]{border-color:var(--el-oscuro);box-shadow:0 0 20px #7e3ff24d}.card-detail-art[data-el=luz]{border-color:var(--el-luz);box-shadow:0 0 20px #ffeb914d}.card-detail-name{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;color:var(--gold);letter-spacing:.05em}.card-detail-meta{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;font-size:.75rem;color:var(--ink-dim)}.card-detail-meta span{padding:.15rem .5rem;border:1px solid var(--line);border-radius:12px}.detail-rarity.rarity-rara{border-color:#4fc3f7;color:#4fc3f7}.detail-rarity.rarity-epica{border-color:#ab47bc;color:#ab47bc}.detail-rarity.rarity-legendaria{border-color:gold;color:gold;background:#ffd7001a}.card-detail-stats{display:flex;gap:1.5rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.detail-atk{color:#f94}.detail-hp{color:#6d7}.card-detail-effect{font-size:.9rem;color:var(--ink);line-height:1.6;padding:.5rem .8rem;background:#0000004d;border-radius:6px;border-left:3px solid var(--gold-dim);text-align:left;width:100%}.card-detail-trigger{font-size:.8rem;color:var(--ink-dim);padding:.3rem .6rem;background:#0003;border-radius:4px;width:100%;text-align:left}.defense-icon{position:absolute;bottom:2px;left:2px;font-size:.6rem;z-index:3;filter:drop-shadow(0 0 3px #4fc3f7)}.card.card-mini .defense-icon{font-size:.5rem}.slot .card[data-el] .defense-icon~.card-stats{background:#4fc3f726}.help-modal section{margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.help-modal section:last-child{border-bottom:none;margin-bottom:0}.help-modal h3{font-family:Cinzel,serif;color:var(--gold);font-size:.85rem;margin-bottom:.4rem}.help-modal p,.help-modal li{font-size:.8rem;color:var(--ink-dim);line-height:1.5}.help-modal ul{padding-left:1.2rem}.el-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.el-tag{padding:.2rem .5rem;border-radius:12px;border:1px solid var(--line-strong);font-size:.75rem;color:var(--ink-dim)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;padding:.6rem 1.4rem;border-radius:8px;background:var(--bg-mid);border:1px solid var(--line-strong);color:var(--ink);z-index:200;pointer-events:none;animation:toastIn .2s ease,toastOut .3s .8s ease forwards;text-shadow:0 0 8px rgba(0,0,0,.5)}.toast.dmg{color:var(--danger);border-color:var(--danger);box-shadow:0 0 20px #ff3b3b4d}.toast.heal{color:var(--safe);border-color:var(--safe);box-shadow:0 0 20px #66ff994d}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;background:#0a0817eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:150;animation:fadeIn .5s ease;overflow-y:auto}.gameover-player-stats{flex:1;background:var(--bg-mid);border:1px solid var(--line);border-radius:8px;padding:.5rem;text-align:center}.gameover-player-name{font-family:Cinzel,serif;font-size:.8rem;font-weight:700;margin-bottom:.3rem;letter-spacing:.05em}.gameover-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem}.gameover-stat{display:flex;flex-direction:column;padding:.2rem}.stat-value{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;color:var(--ink)}.stat-label{font-size:.5rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em}.gameover-mvp{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.3rem;padding-top:.3rem;border-top:1px solid var(--line);color:var(--gold)}.winner-mark{font-size:4rem;animation:pulse 2s ease-in-out infinite}.winner-name{font-family:Cinzel,serif;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;background:linear-gradient(135deg,var(--gold),var(--el-luz));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 12px rgba(212,175,55,.4))}.card-type-badge{font-size:.45rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.05rem .25rem;text-align:center;background:#0006;color:var(--ink-dim);border-top:1px solid rgba(255,255,255,.06)}.card[data-el=fuego] .card-type-badge{color:var(--el-fuego-glow)}.card[data-el=agua] .card-type-badge{color:var(--el-agua-glow)}.card[data-el=planta] .card-type-badge{color:var(--el-planta-glow)}.card[data-el=electrico] .card-type-badge{color:var(--el-electrico-glow)}.card[data-el=oscuro] .card-type-badge{color:var(--el-oscuro-glow)}.card[data-el=luz] .card-type-badge{color:var(--el-luz-glow)}.draft-screen{display:flex;flex-direction:column;align-items:center;height:100%;padding:1rem;gap:.8rem;overflow-y:auto;background:radial-gradient(circle at 50% 20%,rgba(212,175,55,.08),transparent 60%),var(--bg-deep)}.draft-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.draft-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:var(--gold);letter-spacing:.08em}.draft-subtitle{font-size:.8rem;color:var(--ink-dim);max-width:320px;line-height:1.5}.draft-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:500px}.draft-card-slot{width:90px;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;transition:transform .2s,opacity .2s;border:2px solid transparent;border-radius:8px;padding:.25rem}.draft-card-slot:hover{transform:scale(1.05)}.draft-card-slot .card{height:126px}.draft-card-slot.draft-marked{border-color:var(--danger);background:#ff3b3b14;opacity:.6}.draft-card-slot.draft-marked .card{filter:grayscale(.5) brightness(.7)}.draft-card-element{font-size:.6rem;color:var(--ink-dim);text-align:center}.draft-card-label{font-family:Cinzel,serif;font-size:.6rem;font-weight:700;letter-spacing:.05em;color:var(--safe);transition:color .2s}.draft-marked .draft-card-label{color:var(--danger)}.draft-info{font-size:.75rem;color:var(--ink-dim);font-style:italic;text-align:center;min-height:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}@keyframes targetPulse{0%,to{box-shadow:0 0 8px #d4af3766,0 0 20px #d4af3733;border-color:var(--gold)}50%{box-shadow:0 0 16px #d4af37b3,0 0 32px #d4af3759;border-color:var(--gold)}}@keyframes attackablePulse{0%,to{box-shadow:0 0 8px #ff3b3b80,0 0 20px #ff3b3b40}50%{box-shadow:0 0 16px #ff3b3bcc,0 0 36px #ff3b3b73,inset 0 0 12px #ff3b3b26}}@keyframes canAttackPulse{0%,to{box-shadow:0 0 6px #66ff994d,0 0 14px #66ff991a;border-color:var(--safe)}50%{box-shadow:0 0 14px #6f99,0 0 28px #66ff9940;border-color:#8fb}}@keyframes attackShake{0%,to{transform:translate(0)}15%{transform:translate(-6px) rotate(-2deg)}30%{transform:translate(6px) rotate(2deg)}45%{transform:translate(-4px) rotate(-1deg)}60%{transform:translate(4px) rotate(1deg)}75%{transform:translate(-2px)}}@keyframes hitFlash{0%{filter:brightness(1)}25%{filter:brightness(2.5) saturate(0)}50%{filter:brightness(.6) saturate(1.5)}to{filter:brightness(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.8)}}.card[data-rarity=rara]{border-width:2px;border-color:#4fc3f7;box-shadow:0 0 6px #4fc3f74d}.card[data-rarity=epica]{border-width:2px;border-color:#ab47bc;box-shadow:0 0 10px #ab47bc66,0 0 20px #ab47bc26}.card[data-rarity=legendaria]{border-width:2px;border-image:linear-gradient(135deg,gold,#ff6b35,gold,#ff6b35) 1;box-shadow:0 0 12px #ffd70080,0 0 24px #ff6b354d;animation:legendaryShimmer 3s ease-in-out infinite}@keyframes legendaryShimmer{0%,to{box-shadow:0 0 12px #ffd70080,0 0 24px #ff6b354d}50%{box-shadow:0 0 20px #ffd700cc,0 0 36px #ff6b3580}}.card-rarity-badge{position:absolute;top:1px;left:1px;font-size:.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.05rem .2rem;border-radius:0 0 4px;z-index:3;line-height:1}.card-rarity-badge.rarity-comun{background:#96969680;color:#ccc}.card-rarity-badge.rarity-rara{background:#4fc3f799;color:#fff}.card-rarity-badge.rarity-epica{background:#ab47bcb3;color:#fff}.card-rarity-badge.rarity-legendaria{background:linear-gradient(90deg,gold,#ff6b35);color:#1a1535}.ultimate-bar-container{width:100%;max-width:200px;height:8px;background:#00000080;border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative}.ultimate-bar-fill{height:100%;background:linear-gradient(90deg,#7e3ff2,#ff6b35,gold);border-radius:4px;transition:width .5s ease}.ultimate-bar-container.ultimate-ready{border-color:gold;box-shadow:0 0 10px #ffd70080;animation:ultimateReady 1s ease-in-out infinite}@keyframes ultimateReady{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ff6b3566}}.ultimate-label{font-family:Cinzel,serif;font-size:.55rem;color:var(--ink-dim);text-align:center;letter-spacing:.08em}.ultimate-label.ready{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.btn-ultimate{background:linear-gradient(135deg,#7e3ff2,#ff6b35)!important;border-color:gold!important;color:#fff!important;box-shadow:0 0 16px #ffd70066;animation:ultimateReady 1s ease-in-out infinite;text-transform:uppercase;letter-spacing:.1em}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-4px,-2px)}20%{transform:translate(4px,2px)}30%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}50%{transform:translate(-2px,2px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,1px)}}#app.screen-shake{animation:screenShake .4s ease-out}@keyframes bigHit{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{transform:translate(-50%,-50%) scale(1.3);opacity:1}60%{transform:translate(-50%,-50%) scale(.9);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.impact-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;z-index:300;pointer-events:none;animation:bigHit .8s ease-out forwards;text-shadow:0 0 30px rgba(255,59,59,.8)}@keyframes comboText{0%{transform:translate(-50%,-50%) scale(.5) rotate(-10deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.4) rotate(5deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:0}}.combo-toast{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:2rem;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),2px 2px 0 rgba(0,0,0,.5);z-index:250;pointer-events:none;animation:comboText 1.2s ease-out forwards;letter-spacing:.15em}.combo-counter{font-family:Cinzel,serif;font-size:.65rem;font-weight:700;color:gold;text-shadow:0 0 6px rgba(255,215,0,.4);letter-spacing:.08em}.combo-counter.combo-high{color:#ff6b35;text-shadow:0 0 8px rgba(255,107,53,.5);animation:pulse .8s ease-in-out infinite}.replay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:150;animation:fadeIn .3s ease;padding:1rem}.replay-title{font-family:Cinzel,serif;font-size:1rem;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}.replay-actions{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:350px;max-height:50vh;overflow-y:auto;padding:.5rem}.replay-action-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:var(--bg-mid);border:1px solid var(--line);border-radius:6px;font-size:.75rem;color:var(--ink);animation:fadeIn .4s ease;opacity:0;animation-fill-mode:forwards}.replay-action-icon{font-size:1.2rem;flex-shrink:0}.replay-action-text{flex:1;line-height:1.4}.replay-action-item.action-attack{border-left:3px solid var(--danger)}.replay-action-item.action-spell{border-left:3px solid #ab47bc}.replay-action-item.action-summon{border-left:3px solid var(--safe)}.replay-action-item.action-trap{border-left:3px solid #ff9800}.replay-action-item.action-evolve{border-left:3px solid var(--gold)}.replay-action-item.action-damage{border-left:3px solid var(--danger)}.deckbuilder{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-deep)}.deckbuilder-header{padding:.6rem;text-align:center;flex-shrink:0;border-bottom:1px solid var(--line)}.deckbuilder-title{font-family:Cinzel,serif;font-size:1rem;color:var(--gold);letter-spacing:.1em}.deckbuilder-count{font-size:.7rem;color:var(--ink-dim);margin-top:.2rem}.deckbuilder-filters{display:flex;gap:.3rem;padding:.4rem;flex-wrap:wrap;justify-content:center;flex-shrink:0}.filter-btn{padding:.2rem .5rem;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink-dim);font-size:.6rem;cursor:pointer;transition:all .15s;font-family:Spectral,serif}.filter-btn.active{border-color:var(--gold);color:var(--gold);background:#d4af371a}.deckbuilder-pool{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.3rem;padding:.4rem;align-content:start}.deckbuilder-card{cursor:pointer;transition:transform .15s,opacity .15s;position:relative;aspect-ratio:5/7}.deckbuilder-card:hover{transform:scale(1.05);z-index:2}.deckbuilder-card.in-deck{opacity:.4;border:2px solid var(--safe);border-radius:6px}.deckbuilder-card.in-deck:after{content:"✓";position:absolute;top:2px;right:4px;font-size:.7rem;color:var(--safe);font-weight:700}.deckbuilder-footer{padding:.5rem;display:flex;gap:.5rem;justify-content:center;flex-shrink:0;border-top:1px solid var(--line)}.difficulty-selector{display:flex;gap:.4rem;margin-top:.3rem}.difficulty-btn{padding:.3rem .7rem;border-radius:4px;border:1px solid var(--line);background:transparent;color:var(--ink-dim);font-family:Cinzel,serif;font-size:.65rem;cursor:pointer;transition:all .15s}.difficulty-btn.active{border-color:var(--gold);color:var(--gold);background:#d4af371a}.difficulty-btn.diff-facil.active{border-color:var(--safe);color:var(--safe)}.difficulty-btn.diff-normal.active{border-color:var(--gold);color:var(--gold)}.difficulty-btn.diff-dificil.active{border-color:var(--danger);color:var(--danger)}.turn-timer{margin-left:.5rem;padding:.1rem .4rem;border:1px solid var(--line-strong);border-radius:4px;font-size:.65rem;color:var(--ink);background:#0000004d}.turn-timer.timer-danger{color:var(--danger);border-color:var(--danger);animation:pulse .5s ease-in-out infinite;font-weight:900}.emotes-container{position:fixed;bottom:80px;right:8px;z-index:90;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.3rem}.emote-toggle{width:36px;height:36px;border-radius:50%!important;padding:0!important;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.emote-panel{display:flex;gap:.3rem;padding:.3rem;background:var(--bg-mid);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 4px 16px #00000080}.emote-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:#0000004d;font-size:1.2rem;cursor:pointer;transition:transform .1s,background .1s;display:flex;align-items:center;justify-content:center}.emote-btn:hover,.emote-btn:active{transform:scale(1.15);background:#d4af3726}.floating-emote{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%) scale(.5);z-index:280;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;animation:emoteFloat 2s ease-out forwards}.emote-emoji{font-size:3rem}.emote-text{font-family:Cinzel,serif;font-size:.9rem;color:var(--gold);text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.08em}@keyframes emoteFloat{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}15%{transform:translate(-50%,-50%) scale(1.2);opacity:1}30%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-70%) scale(1);opacity:1}to{transform:translate(-50%,-90%) scale(.8);opacity:0}}.gallery{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-deep)}.gallery-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--line);flex-shrink:0}.gallery-title{font-family:Cinzel,serif;font-size:1rem;color:var(--gold);flex:1;text-align:center;letter-spacing:.1em}.gallery-count{font-size:.7rem;color:var(--ink-dim)}.gallery-filters{display:flex;gap:.25rem;padding:.3rem;flex-wrap:wrap;justify-content:center;flex-shrink:0}.gallery-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.3rem;padding:.3rem;align-content:start}.gallery-card{aspect-ratio:3/4;cursor:pointer;transition:transform .15s}.gallery-card:hover{transform:scale(1.08);z-index:2}.particle{position:fixed;pointer-events:none;z-index:300;transition:all .6s ease-out;will-change:transform,opacity}.field-effect-banner{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.2rem .6rem;border-radius:4px;font-size:.65rem;border:1px solid var(--line);flex-shrink:0;animation:fadeIn .3s ease}.field-effect-name{font-family:Cinzel,serif;font-weight:700;font-size:.7rem}.field-effect-desc{color:var(--ink-dim);font-style:italic;font-size:.55rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-volcan{background:#ff572226;border-color:#ff572266}.field-volcan .field-effect-name{color:var(--el-fuego)}.field-oceano{background:#2196f326;border-color:#2196f366}.field-oceano .field-effect-name{color:var(--el-agua)}.field-bosque{background:#4caf5026;border-color:#4caf5066}.field-bosque .field-effect-name{color:var(--el-planta)}.field-tormenta{background:#ffc10726;border-color:#ffc10766}.field-tormenta .field-effect-name{color:var(--el-electrico)}.field-eclipse{background:#7e3ff226;border-color:#7e3ff266}.field-eclipse .field-effect-name{color:var(--el-oscuro)}.field-amanecer{background:#ffeb9126;border-color:#ffeb9166}.field-amanecer .field-effect-name{color:var(--el-luz)}.field-maldita{background:#64000033;border-color:#c8000066}.field-maldita .field-effect-name{color:var(--danger)}.field-coliseo{background:#d4af3726;border-color:#d4af3766}.field-coliseo .field-effect-name{color:var(--gold)}.field-terrain-volcan{background:#ff57220d}.field-terrain-oceano{background:#2196f30d}.field-terrain-bosque{background:#4caf500d}.field-terrain-tormenta{background:#ffc1070d}.field-terrain-eclipse{background:#7e3ff20d}.field-terrain-amanecer{background:#ffeb910d}.field-terrain-maldita{background:#64000014}.field-terrain-coliseo{background:#d4af370d}.tile-effect{display:flex;flex-direction:column;align-items:center;gap:.1rem;opacity:.7}.tile-emoji{font-size:1rem}.tile-name{font-size:.45rem;font-family:Cinzel,serif;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em}.card-level-badge{position:absolute;bottom:1px;right:1px;font-size:.4rem;font-weight:700;font-family:Cinzel,serif;padding:.05rem .2rem;background:linear-gradient(135deg,gold,#ff6b35);color:#1a1535;border-radius:3px 0 0;z-index:3;line-height:1}.card.dual-type{border-image:linear-gradient(135deg,var(--el1-color, var(--line)),var(--el2-color, var(--line))) 1;border-width:2px}.card-xp-bar{height:2px;background:#0006;width:100%}.card-xp-fill{height:100%;background:linear-gradient(90deg,gold,#ff6b35);transition:width .3s}.aura-icon{position:absolute;top:1px;right:14px;font-size:.5rem;z-index:3;filter:drop-shadow(0 0 3px #ffd700)}.tutorial-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.5rem;gap:1rem;background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.08),transparent 60%),var(--bg-deep)}.tutorial-progress{width:100%;max-width:300px;height:4px;background:#0006;border-radius:2px;overflow:hidden}.tutorial-progress-fill{height:100%;background:var(--gold);transition:width .3s ease}.tutorial-step-count{font-size:.7rem;color:var(--ink-dim);font-family:Cinzel,serif}.tutorial-card{background:var(--bg-mid);border:1px solid var(--line-strong);border-radius:10px;padding:1.5rem;max-width:350px;width:100%;text-align:center;box-shadow:0 4px 30px #0006;animation:fadeIn .3s ease}.tutorial-emoji{font-size:3rem;margin-bottom:.5rem}.tutorial-title{font-family:Cinzel,serif;font-size:1.2rem;color:var(--gold);margin-bottom:.5rem;letter-spacing:.05em}.tutorial-text{font-size:.85rem;color:var(--ink);line-height:1.6}.tutorial-buttons{display:flex;gap:.5rem}@media(max-width:480px){.game{gap:.1rem;padding:.1rem}.player-strip{padding:.15rem .3rem;min-height:22px;gap:.2rem}.strip-name{font-size:.6rem;min-width:40px}.lp-bar{height:8px}.lp-text{font-size:.45rem}.strip-info{font-size:.5rem;gap:.2rem}.ultimate-bar-container{height:5px;max-width:120px}.field{gap:.15rem;padding:.1rem}.slot{aspect-ratio:2 / 3;border-radius:4px}.card-name{font-size:.4rem}.card-cost{width:12px;height:12px;font-size:.45rem}.card-head{padding:.1rem .2rem;min-height:14px}.card-art{font-size:1rem}.card-effect{font-size:.35rem;padding:0 .15rem;max-height:1.6em}.card-type-badge{font-size:.35rem;padding:.02rem .15rem}.card-stats{font-size:.45rem;padding:.05rem .15rem}.card-rarity-badge{font-size:.3rem;padding:.02rem .12rem}.hand-card{width:56px;min-width:56px}.hand-row{padding:.2rem .1rem .3rem;gap:.25rem}.hand-back{width:24px;min-width:24px}.opp-hand{padding:.1rem .2rem;gap:.15rem}.battle-mid{min-height:18px;padding:.05rem .2rem;gap:.3rem}.turn-banner{font-size:.55rem}.log-line{font-size:.5rem}.controls{gap:.2rem;padding:.1rem}.btn{font-size:.65rem;padding:.3rem .6rem}.btn-sm{font-size:.55rem;padding:.2rem .4rem}.modal{padding:1rem;max-width:95%}.toast{font-size:1rem;padding:.4rem 1rem}.menu-mark{font-size:2rem}.sigil{width:60px;height:60px;font-size:2rem}}@media(max-width:360px){.slot{aspect-ratio:1 / 1.3}.hand-card{width:48px;min-width:48px}.card-name{font-size:.35rem}.card-art{font-size:.9rem}.card-effect{display:none}.card-type-badge{font-size:.3rem}}