:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.game-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Arial,sans-serif;padding:20px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 25px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.game-title{font-size:28px;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-stats{display:flex;gap:30px;align-items:center}.stat{text-align:center}.stat-value{font-size:24px;font-weight:700;display:block}.stat-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.cw3-points{color:#0f8}.crymp-money{color:gold}.round-info{text-align:center}.round-type{font-size:18px;color:#ff6b6b;text-transform:uppercase;letter-spacing:1px}.round-progress{font-size:14px;margin-top:5px}.game-board{display:grid;grid-template-rows:auto 1fr auto;gap:20px;min-height:calc(100vh - 200px)}.play-area{background:#0003;border-radius:10px;padding:20px;border:1px solid rgba(255,255,255,.1)}.played-cards-area{min-height:120px;margin-bottom:20px}.played-cards-area h3{margin-bottom:15px;color:gold;font-size:18px}.played-cards{display:flex;flex-wrap:wrap;gap:10px;min-height:80px;background:#0000001a;border-radius:8px;padding:15px;border:2px dashed rgba(255,255,255,.2)}.played-cards.empty:after{content:"Juega cartas aquí para ganar puntos CW3";color:#ffffff80;font-style:italic;display:flex;align-items:center;justify-content:center;width:100%;height:80px}.hand-area{background:#0003;border-radius:10px;padding:20px;border:1px solid rgba(255,255,255,.1)}.hand-area h3{margin-bottom:15px;color:gold;font-size:18px;text-align:center}.hand{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;min-height:260px}.game-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.message{text-align:center;padding:15px;border-radius:8px;margin:10px 0;font-weight:700}.message.success{background:#38ef7d33;border:1px solid #38ef7d;color:#38ef7d}.message.warning{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.message.error{background:#dc354533;border:1px solid #dc3545;color:#dc3545}.deck-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;background:#0000001a;border-radius:6px}.deck-count{font-size:14px;opacity:.8}@media (max-width: 768px){.game-header{flex-direction:column;gap:15px}.game-stats{gap:20px}.hand{gap:2px}.game-controls{flex-wrap:wrap;gap:10px}.btn{padding:10px 20px;font-size:14px}}.card{width:160px;height:240px;border-radius:12px;padding:12px;margin:4px;cursor:pointer;transition:all .2s ease;border:2px solid;position:relative;font-family:Arial,sans-serif;font-size:11px;line-height:1.3;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.card.token{background:linear-gradient(135deg,#4a90e2,#357abd);border-color:#357abd;color:#fff}.card.comodin{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-color:#8e44ad;color:#fff}.card.herramienta{background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:#27ae60;color:#fff}.card.trampa{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#c0392b;color:#fff}.card.evento{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#e67e22;color:#fff}.card-header{text-align:center}.card-name{font-weight:700;font-size:12px;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-type{font-size:9px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.card-content{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.card-description{font-size:10px;line-height:1.2;margin:8px 0;text-align:center;opacity:.9}.card-effect{font-size:9px;font-style:italic;background:#0003;padding:4px;border-radius:4px;margin:4px 0}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.card-points{font-weight:700;font-size:14px;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-cost{font-size:11px;background:#0000004d;padding:2px 6px;border-radius:8px;color:#90ee90}.card-synergies{display:flex;flex-wrap:wrap;gap:2px;margin:4px 0}.synergy-tag{font-size:8px;background:#fff3;padding:1px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.rarity-common{box-shadow:0 0 10px #a9a9a980}.rarity-uncommon{box-shadow:0 0 10px #00ff0080}.rarity-rare{box-shadow:0 0 10px #0000ff80}.rarity-legendary{box-shadow:0 0 10px #ffd700cc;animation:legendary-glow 2s ease-in-out infinite alternate}@keyframes legendary-glow{0%{box-shadow:0 0 10px #ffd700cc}to{box-shadow:0 0 20px gold}}.card.disabled{opacity:.6;cursor:not-allowed}.card.disabled:hover{transform:none;box-shadow:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh}#root{min-height:100vh}