.arena-intro{width:100%;min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);color:#fff;position:relative;overflow:hidden}.arena-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.tribal-left,.tribal-right{position:absolute;top:0;height:100%;width:100px;opacity:.1}.tribal-left{left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 800"><path d="M0,0 Q50,100 0,200 T0,400 T0,600 T0,800 L0,0 Z" fill="%23d4af37"/></svg>') repeat-y}.tribal-right{right:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 800"><path d="M100,0 Q50,100 100,200 T100,400 T100,600 T100,800 L100,0 Z" fill="%23d4af37"/></svg>') repeat-y}.intro-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.logo-section{text-align:center;margin-bottom:40px}.lairen-logo-container{margin-bottom:30px}.lairen-logo{max-width:400px;height:auto;filter:drop-shadow(0 0 40px rgba(212,175,55,.9));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 40px rgba(212,175,55,.9))}50%{filter:drop-shadow(0 0 60px rgba(255,215,0,1))}}.arena-logo{max-width:300px;height:auto;filter:drop-shadow(0 0 30px rgba(212,175,55,.8));margin-bottom:20px}.arena-title{font-size:6rem;font-weight:900;background:linear-gradient(135deg,gold,#ffed4e,#d4af37,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite,titlePulse 2s ease-in-out infinite;letter-spacing:20px;text-shadow:0 0 40px rgba(255,215,0,.8),0 0 80px rgba(255,215,0,.5),0 5px 15px rgba(0,0,0,.5);margin:20px 0;position:relative}.arena-title:before{content:"COLISEO";position:absolute;top:0;left:0;right:0;z-index:-1;background:linear-gradient(135deg,gold,#ffed4e,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.7}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome-message{text-align:center;margin-bottom:50px}.greeting{font-size:2rem;margin-bottom:10px}.username{color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.subtitle{font-size:1.2rem;color:#ffffffb3;font-style:italic}.action-buttons{display:flex;gap:20px;margin-bottom:60px}.enter-arena-btn,.back-btn{padding:20px 50px;font-size:1.3rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.enter-arena-btn{background:linear-gradient(135deg,#ff4500,gold);color:#fff;box-shadow:0 5px 20px #ff450080}.enter-arena-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #ff4500b3}.enter-arena-btn:disabled{opacity:.7;cursor:not-allowed}.back-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.back-btn:hover{background:#fff3;border-color:gold}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:800px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;border-radius:15px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:gold}.stat-card i{font-size:2rem;color:gold;margin-bottom:10px;display:block}.stat-label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:5px}.stat-value{display:block;font-size:2rem;font-weight:700;color:gold}.intro-footer{position:fixed;bottom:20px;left:0;right:0;text-align:center;color:#ffffff4d;font-size:.9rem;z-index:1}@media (max-width: 768px){.arena-title{font-size:2.5rem;letter-spacing:5px}.action-buttons{flex-direction:column;width:100%}.enter-arena-btn,.back-btn{width:100%}.quick-stats{grid-template-columns:1fr}}.inactivity-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.inactivity-modal{background:linear-gradient(135deg,#1a0f2ef2,#0f0a1ef2);border:3px solid rgba(255,69,58,.5);border-radius:20px;padding:40px 50px;text-align:center;max-width:500px;box-shadow:0 0 40px #ff453a4d,0 20px 60px #00000080;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.inactivity-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;pointer-events:none}.inactivity-modal-icon{font-size:4rem;color:#ff453a;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.inactivity-modal-title{font-size:2rem;font-weight:900;color:#ff453a;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 20px rgba(255,69,58,.5)}.inactivity-modal-message{font-size:1.2rem;color:#ffffffe6;margin:0 0 10px;line-height:1.6}.inactivity-modal-submessage{font-size:1rem;color:#fff9;margin:0 0 30px;font-style:italic}.inactivity-modal-btn{background:linear-gradient(135deg,#ff453a,#d32f2f);color:#fff;border:none;padding:12px 40px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ff453a66}.inactivity-modal-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff453a99}.inactivity-modal-spinner{font-size:2rem;color:#ff453a;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby{width:100%;min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);color:#fff;position:relative}.lobby-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.lobby-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:40px 20px}.lobby-header{position:relative;margin-bottom:30px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;border:none}.epic-navbar{position:relative;background:linear-gradient(180deg,#140f1ef2,#23192de6,#191423f2);border-bottom:3px solid #d4af37;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a;padding:20px 40px;overflow:hidden}.navbar-pillars{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.navbar-pillars .pillar{position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(90deg,#8b45134d,#a0522d33,#8b45134d);box-shadow:inset 2px 0 4px #00000080,inset -2px 0 4px #00000080}.navbar-pillars .pillar:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80px;height:20px;background:linear-gradient(180deg,#8b451399,#a0522d66);border-radius:50% 50% 0 0;box-shadow:0 2px 8px #00000080}.navbar-pillars .pillar-left{left:0}.navbar-pillars .pillar-right{right:0}.navbar-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px}.navbar-titles{flex:1;text-align:center}.navbar-stats{display:flex;gap:15px}.stat-badge{background:linear-gradient(135deg,#d4af3733,#8b451333);border:2px solid #d4af37;border-radius:25px;padding:8px 20px;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 4px 15px #d4af374d;transition:all .3s ease}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.stat-badge i{color:#d4af37;font-size:1.1rem}.stat-badge span{color:#fff;font-size:.95rem}.epic-navbar .logo-container{margin:0}.epic-navbar .logo-container img{max-width:120px;height:auto;filter:drop-shadow(0 0 20px rgba(212,175,55,.6));transition:transform .3s ease}.epic-navbar .logo-container img:hover{transform:scale(1.05)}.epic-navbar .lobby-title{font-size:2.5rem;margin:0;font-weight:900;background:linear-gradient(135deg,#d4af37,#f4e5b8,#d4af37,#c9a961,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:goldShimmer 3s ease infinite;text-shadow:none;letter-spacing:4px}.epic-navbar .welcome-text{margin:8px 0 0;font-size:1rem;color:#fffc;font-weight:400}.epic-navbar .welcome-text i{color:#d4af37;margin-right:8px}.epic-navbar .welcome-text strong{color:#fff;font-weight:600}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.logo-container{margin-bottom:20px}.logo-container img{max-width:250px;height:auto;filter:drop-shadow(0 0 30px rgba(212,175,55,.8))}.lobby-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#4a4a4a,#2c2c2c,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fireStone 4s ease infinite,lobbyTitleGlow 2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,140,0,.5),0 0 20px rgba(255,69,0,.3),0 0 30px rgba(255,215,0,.2)}.scoreboard-table{background:#0000004d;border-radius:12px;overflow:hidden;border:1px solid rgba(212,175,55,.3)}.scoreboard-table table{width:100%;border-collapse:collapse}.scoreboard-table thead{background:linear-gradient(135deg,#d4af3733,#8b451333)}.scoreboard-table th{padding:12px;text-align:left;font-weight:600;color:#d4af37;text-transform:uppercase;font-size:.85rem;letter-spacing:1px}.scoreboard-table td{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.scoreboard-table tbody tr{transition:background-color .2s}.scoreboard-table tbody tr:hover{background:#d4af371a}.scoreboard-table tbody tr.current-user{background:#ffd70026;font-weight:600}.rank-cell{width:60px;text-align:center}.rank-icon{width:32px;height:32px;object-fit:contain}.username-cell{font-weight:500;color:#fff}.elo-cell{color:gold;font-weight:600}.record-cell{color:#b8b8b8}.winrate-cell{color:#4ade80;font-weight:600}.btn-ranking{background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a1a;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9rem}.btn-ranking:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}animation: fireStone 4s ease-in-out infinite,lobbyTitleGlow 3s ease-in-out infinite; letter-spacing: 10px; filter: drop-shadow(0 0 15px rgba(255,69,0,.6)) drop-shadow(0 3px 8px rgba(0,0,0,.8)); margin-bottom: 10px; } @keyframes fireStone{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes lobbyTitleGlow{0%,to{filter:brightness(1) drop-shadow(0 0 15px rgba(255,69,0,.6))}50%{filter:brightness(1.2) drop-shadow(0 0 30px rgba(255,140,0,.9))}}.welcome-text{color:#b8b8b8;margin:0;font-size:1.1rem}.version-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);padding:5px 15px;border-radius:20px;font-size:.9rem;margin-left:10px;color:#fff}.subtitle{color:#fff9;font-size:1rem;margin-bottom:20px}.user-info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:20px}.user-info>span{padding:8px 15px;background:#0000004d;border-radius:20px;font-size:.9rem}.combat-modes-container{position:relative;margin-bottom:40px;display:flex;gap:30px;align-items:center}.side-nav-icons{display:flex;flex-direction:column;gap:15px}.icon-btn{width:auto;min-width:50px;height:50px;padding:0 15px;border-radius:25px;background:linear-gradient(135deg,#d4af3733,#8b451333);border:2px solid rgba(212,175,55,.5);color:#d4af37;font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #0000004d}.icon-btn-text{font-size:.9rem;font-weight:600;white-space:nowrap}.icon-btn:hover{background:linear-gradient(135deg,#d4af3766,#8b45134d);border-color:#d4af37;box-shadow:0 6px 20px #d4af3766;color:#fff}.main-combat-buttons{flex:1;display:flex;justify-content:center;gap:30px}.combat-mode-btn{flex:1;max-width:400px;padding:30px;border-radius:20px;cursor:pointer;border:3px solid;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.combat-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.combat-mode-btn:hover:before{left:100%}.free-combat{background:linear-gradient(135deg,#ff45004d,#ff8c0033);border-color:#ff8c00;box-shadow:0 10px 40px #ff45004d}.free-combat:hover{background:linear-gradient(135deg,#ff450080,#ff8c004d);box-shadow:0 15px 50px #ff450080;transform:translateY(-5px)}.clan-combat{background:linear-gradient(135deg,#8a2be24d,#4b008233);border-color:#8a2be2;box-shadow:0 10px 40px #8a2be24d}.clan-combat:hover{background:linear-gradient(135deg,#8a2be280,#4b00824d);box-shadow:0 15px 50px #8a2be280;transform:translateY(-5px)}.combat-mode-btn .btn-icon{font-size:3.5rem;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.8)}.combat-mode-btn .btn-content h3{margin:0 0 8px;font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.combat-mode-btn .btn-content p{margin:0;font-size:.9rem;color:#fffc;font-weight:400}@media (max-width: 1024px){.combat-modes-container{flex-direction:column}.side-nav-icons{flex-direction:row;order:2}.main-combat-buttons{flex-direction:column;order:1;width:100%}.combat-mode-btn{max-width:none}}@media (max-width: 768px){.combat-mode-btn{flex-direction:column;text-align:center;padding:20px}.combat-mode-btn .btn-icon{font-size:2.5rem}.combat-mode-btn .btn-content h3{font-size:1.2rem}}.action-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:40px;padding:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);flex-wrap:nowrap}@media (max-width: 768px){.action-buttons{flex-wrap:wrap}}.history-btn{padding:12px 25px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffd700;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 40px #ffd70066;white-space:nowrap}.history-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.tournament-btn{padding:12px 25px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #ff6b35;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 40px #ff6b3566;white-space:nowrap;position:relative;overflow:hidden}.tournament-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tournament-btn:hover:before{left:100%}.tournament-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #ff6b3599;background:linear-gradient(135deg,#f7931e,#ff6b35)}.clans-btn{padding:12px 25px;font-size:1rem;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,#d4af37,#f4d03f);border:2px solid #d4af37;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 40px #d4af3780;white-space:nowrap;position:relative;overflow:hidden}.clans-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.clans-btn:hover:before{left:100%}.clans-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #d4af37cc;background:linear-gradient(135deg,#f4d03f,#f9e79f)}.vault-btn{padding:12px 25px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 40px #667eea66;white-space:nowrap}.vault-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.scoreboard-section{padding:40px;background:#1a1625f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(212,175,55,.3);margin-bottom:40px}.scoreboard-title{font-size:2rem;font-weight:700;color:#d4af37}.btn-ranking{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border:none;border-radius:10px;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-ranking:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.rank-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700;font-size:.9rem}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#000;box-shadow:0 0 10px #ffd70080}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#000;box-shadow:0 0 10px #c0c0c080}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e8a87c);color:#fff;box-shadow:0 0 10px #cd7f3280}.rank-badge.rank-other{background:#ffffff1a;color:#b8b8b8}.tier-cell{text-align:center}.tier-icon{font-size:1.5rem;display:block;margin-bottom:4px}.tier-name{display:block;font-weight:700;font-size:.75rem}.player-name{font-weight:500;color:#fff;margin-bottom:4px}.player-stats{font-size:.8rem;color:#888}.win-rate{padding:4px 10px;border-radius:12px;font-weight:700;display:inline-block}.win-rate.high{background:#2ecc7133;color:#2ecc71}.win-rate.medium{background:#f1c40f33;color:#f1c40f}.win-rate.low{background:#e74c3c33;color:#e74c3c}.scoreboard-table tbody tr.current-user{background:#ffd70026;font-weight:600;border:2px solid rgba(255,215,0,.5)}.connection-status{display:inline-flex;align-items:center;gap:8px}.connection-status.connected{color:#4ade80}.connection-status.disconnected{color:#ef4444}.deck-selection{background:#ffffff0d;padding:30px;border-radius:20px;margin-bottom:30px}.deck-selection h3{margin-bottom:25px;color:gold}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.deck-card{background:#ffffff1a;padding:25px;border-radius:15px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}.deck-card:hover{background:#ffffff26;border-color:#ffd70080}.deck-card.selected{background:#ffd70033;border-color:gold;box-shadow:0 0 20px #ffd7004d}.deck-card h5{margin-bottom:10px;font-size:1.2rem}.card-count{color:#ffffffb3;margin-bottom:10px}.format-badge{display:inline-block;background:#ffffff1a;padding:4px 12px;border-radius:12px;font-size:.8rem;color:gold}.selected-indicator{position:absolute;top:10px;right:10px;color:#4ade80;font-size:1.5rem}.no-decks-warning{text-align:center;padding:60px 20px;background:#ffc1071a;border-radius:15px;border:2px dashed rgba(255,193,7,.3)}.no-decks-warning i{font-size:3rem;color:#ffc107;margin-bottom:20px}.create-deck-link{display:inline-block;margin-top:20px;padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:25px;transition:all .3s ease}.create-deck-link:hover{transform:translateY(-3px);box-shadow:0 5px 15px #667eea66}.lobby-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.play-button,.secondary-button,.back-button{padding:18px 45px;font-size:1.2rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.play-button{background:linear-gradient(135deg,#ff4500,gold);color:#fff;box-shadow:0 5px 20px #ff450080}.play-button:hover:not(:disabled){box-shadow:0 10px 30px #ff4500b3}.play-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.secondary-button:hover{background:#fff3;border-color:gold}.back-button{background:transparent;color:#ffffffb3;border:2px solid rgba(255,255,255,.2)}.back-button:hover{color:#fff;border-color:#ffffff80}.queue-status{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;text-align:center;border:2px solid rgba(255,215,0,.3);box-shadow:0 10px 40px #00000080}.spinner{font-size:3rem;color:gold;margin-bottom:20px}.queue-status h4{margin-bottom:15px;font-size:1.5rem}.timer{font-size:2.5rem;font-weight:700;color:gold;margin:20px 0;font-family:Courier New,monospace}.queue-info{color:#ffffffb3;margin-bottom:25px}.cancel-button{padding:12px 30px;background:#ef4444;color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease}.cancel-button:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 5px 15px #ef444466}@media (max-width: 768px){.lobby-title{font-size:2rem}.deck-grid{grid-template-columns:1fr}.lobby-actions{flex-direction:column;align-items:stretch}.play-button,.secondary-button,.back-button{width:100%}}.queue-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.queue-modal{background:linear-gradient(135deg,#1a1625,#2d1b4e);border:2px solid #d4af37;border-radius:20px;padding:40px;max-width:600px;width:90%;box-shadow:0 0 50px #d4af3766,inset 0 0 30px #d4af371a;cursor:default;position:relative;overflow:hidden}.queue-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(212,175,55,.1) 0%,transparent 70%);pointer-events:none}.queue-header{text-align:center;margin-bottom:30px;position:relative;z-index:1}.search-radar{font-size:4rem;color:#d4af37;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(212,175,55,.6))}.queue-header h2{font-size:2rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);margin:0}.queue-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;position:relative;z-index:1}.queue-info-item{background:#0000004d;border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:8px}.queue-info-item i{font-size:1.5rem;color:#d4af37}.queue-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.queue-value{font-size:1.3rem;font-weight:700;color:#fff}.timer-text{font-family:Courier New,monospace;color:gold;font-size:1.5rem}.queue-value[class*=format-badge-]{padding:8px 16px;border-radius:20px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.queue-value.format-badge-escudero{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 0 15px #3b82f680}.queue-value.format-badge-dominación{background:linear-gradient(135deg,#dc2626,#7f1d1d);box-shadow:0 0 15px #dc262680}.queue-value.format-badge-guardian{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 0 15px #10b98180}.queue-progress{height:6px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:20px;position:relative;z-index:1}.progress-bar{height:100%;background:linear-gradient(90deg,#d4af37,gold,#d4af37);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.queue-hint{text-align:center;color:#ffffffb3;margin-bottom:30px;font-size:.95rem;position:relative;z-index:1}.queue-hint i{color:#d4af37;margin-right:8px}.cancel-queue-btn{width:100%;padding:15px 30px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #b91c1c;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1;box-shadow:0 4px 15px #ef44444d}.cancel-queue-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.cancel-queue-btn i{margin-right:10px}@media (max-width: 768px){.queue-modal{padding:30px 20px}.queue-info-grid{grid-template-columns:1fr;gap:15px}.queue-header h2{font-size:1.5rem}.search-radar{font-size:3rem}}.rooms{width:100%;min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);color:#fff;position:relative;padding:20px}.rooms-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.tribal-left{left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 800"><path d="M0,0 Q40,100 0,200 T0,400 T0,600 T0,800 L0,0 Z" fill="%23d4af37"/></svg>') repeat-y}.tribal-right{right:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 800"><path d="M80,0 Q40,100 80,200 T80,400 T80,600 T80,800 L80,0 Z" fill="%23d4af37"/></svg>') repeat-y}.rooms-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.rooms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:30px;background:#1a1625f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(212,175,55,.3)}.rooms-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#4a4a4a,#2c2c2c,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fireStone 4s ease infinite;letter-spacing:5px;filter:drop-shadow(0 0 10px rgba(255,69,0,.5));margin:0 0 10px}.rooms-subtitle{color:#b8b8b8;font-size:1rem;margin:0}.queue-badge{display:inline-block;background:linear-gradient(135deg,#ff4500,#ff8c00);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;margin-right:8px;font-size:.9rem}.queue-text{color:#d4af37}.header-actions{display:flex;gap:12px}.quick-match-section{margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#11998e26,#38ef7d26);border:2px solid rgba(56,239,125,.3);border-radius:20px;text-align:center}.quick-match-header{margin-bottom:20px}.queue-icon-container{position:relative;display:inline-block;margin-bottom:15px}.queue-icon-container i{font-size:2.5rem;color:#38ef7d}.total-queue-badge{position:absolute;top:-10px;right:-20px;background:linear-gradient(135deg,gold,orange);color:#1a1625;font-weight:700;font-size:1.2rem;padding:5px 12px;border-radius:20px;box-shadow:0 0 20px #ffd70099;min-width:30px;text-align:center}.quick-match-header h3{color:#38ef7d;margin-bottom:10px;font-weight:700;font-size:1.5rem}.quick-match-header .subtitle{color:#fffc;margin:0 0 5px;font-size:1.1rem}.quick-match-header .queue-status{color:#ffd700e6;margin:0;font-size:.95rem;font-weight:700}.queue-count{font-size:1rem}.format-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.format-button-container{position:relative}.format-btn{padding:15px 35px;font-size:1.1rem;font-weight:700;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;gap:8px}.escudero-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 40px #667eea66}.escudero-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #667eea99}.dominacion-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 40px #f5576c66}.dominacion-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #f5576c99}.guardian-btn{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 10px 40px #38ef7d66}.guardian-btn:hover{transform:translateY(-3px);box-shadow:0 15px 50px #38ef7d99}.format-queue-badge{position:absolute;top:-10px;right:-10px;color:#fff;font-weight:700;font-size:.9rem;padding:3px 8px;border-radius:15px;min-width:20px;text-align:center}.escudero-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 15px #667eeacc}.dominacion-badge{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 15px #f5576ccc}.guardian-badge{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 0 15px #38ef7dcc}.create-room-btn,.back-btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-size:1rem}.create-room-btn{background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a1a}.create-room-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.back-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.back-btn:hover{background:#ffffff26;transform:translateY(-2px)}.rooms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));gap:20px}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#1a1625cc;border-radius:20px;border:2px solid rgba(212,175,55,.2)}.loading-state i,.empty-state i{font-size:4rem;color:#d4af37;margin-bottom:20px}.empty-state h3{color:#fff;margin-bottom:10px}.empty-state p{color:#b8b8b8;margin-bottom:20px}.room-battle-card{background:#1a1625f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(212,175,55,.3);padding:24px;position:relative;transition:all .3s;cursor:pointer}.room-battle-card:hover{border-color:#d4af3799;box-shadow:0 8px 30px #d4af3733;transform:translateY(-4px)}.room-number{position:absolute;top:12px;left:12px;background:#d4af3733;color:#d4af37;padding:6px 12px;border-radius:8px;font-weight:600;font-size:.85rem}.room-format-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:6px 12px;border-radius:8px;font-weight:600;font-size:.85rem}.battle-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:40px}.player-section{display:flex;align-items:center;gap:12px}.player-section-1{justify-content:flex-start}.player-section-2{justify-content:flex-end;flex-direction:row-reverse}.player-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff;border:3px solid rgba(59,130,246,.5);overflow:hidden;flex-shrink:0}.player-section-2 .player-avatar{background:linear-gradient(135deg,#1f2937,#111827);border-color:#fff3}.player-avatar.empty{background:#ffffff1a;border-color:#fff3}.player-info{flex:1;min-width:0}.player-section-2 .player-info{text-align:right}.player-name{font-weight:600;color:#fff;margin-bottom:4px;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-deck{font-size:.85rem;color:#b8b8b8;display:flex;align-items:center;gap:6px}.player-section-2 .player-deck{justify-content:flex-end}.player-deck.selecting{color:#fbbf24}.player-deck i{font-size:.75rem}.empty-slot{display:flex;align-items:center;gap:12px}.player-section-2 .empty-slot{flex-direction:row-reverse}.empty-slot-text{color:#6b7280;font-style:italic}.battle-center{display:flex;flex-direction:column;align-items:center;gap:8px}.room-status-badge{font-size:1.5rem}.room-status-badge.status-waiting{filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}.room-status-badge.status-playing{filter:drop-shadow(0 0 8px rgba(239,68,68,.6));animation:pulse 1.5s ease infinite}.room-status-badge.status-finished{filter:drop-shadow(0 0 8px rgba(148,163,184,.6))}.vs-badge{font-size:1.5rem;font-weight:900;color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.5)}.status-text{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.join-room-btn{width:100%;margin-top:20px;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.join-room-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e80}.spectate-room-btn{width:100%;margin-top:20px;padding:12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.spectate-room-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf680}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999}.spectator-modal{background:linear-gradient(135deg,#1a1625,#2d1b4e);border:2px solid rgba(139,92,246,.5);border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080}.modal-header{text-align:center;margin-bottom:24px}.spectator-icon{font-size:3rem;color:#8b5cf6;margin-bottom:12px;display:block}.modal-header h2{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.modal-body{margin-bottom:24px}.modal-body p{font-size:1.1rem;color:#d1d5db;margin-bottom:16px;text-align:center}.spectator-info{list-style:none;padding:0;margin:0}.spectator-info li{padding:10px 0;color:#d1d5db;display:flex;align-items:center;gap:12px;font-size:.95rem}.spectator-info li i.fa-check{color:#22c55e;font-size:1.1rem}.spectator-info li i.fa-times,.spectator-info li i.fa-lock{color:#ef4444;font-size:1.1rem}.modal-actions{display:flex;gap:12px;justify-content:space-between}.btn-primary,.btn-secondary{flex:1;padding:12px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf680}.btn-secondary{background:#6b72804d;color:#d1d5db;border:1px solid rgba(107,114,128,.5)}.btn-secondary:hover{background:#6b728080}@media (max-width: 768px){.rooms-list{grid-template-columns:1fr}.rooms-header{flex-direction:column;gap:20px}.header-actions{width:100%;justify-content:stretch}.create-room-btn,.back-btn{flex:1}.battle-arena{grid-template-columns:1fr;gap:16px}.player-section-1,.player-section-2{justify-content:flex-start!important;flex-direction:row!important}.player-section-2 .player-info{text-align:left}.player-section-2 .player-deck{justify-content:flex-start}.battle-center{order:-1;flex-direction:row;gap:12px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.deck-selection-modal{background:linear-gradient(180deg,#1a1625,#0f0a1a);border:2px solid rgba(212,175,55,.5);border-radius:20px;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.deck-card{background:#1a1625cc;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s}.deck-card:hover{border-color:#d4af3780;transform:translateY(-2px)}.deck-card.selected{border-color:#d4af37;background:#d4af3733;box-shadow:0 0 20px #d4af374d}.deck-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.deck-card-header h5{margin:0;color:#fff;font-size:1.1rem;flex:1}.selected-check{color:#d4af37;font-size:1.5rem;animation:popIn .3s ease}.deck-card-info{display:flex;flex-direction:column;gap:8px}.deck-count{color:#b8b8b8;font-size:.9rem;display:flex;align-items:center;gap:6px}.deck-count i{color:#d4af37}.create-deck-link{background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a1a;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.create-deck-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.cancel-btn,.confirm-btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-size:1rem}.cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#ffffff26}.confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #22c55e80}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.clan-rooms{min-height:100vh;background:linear-gradient(180deg,#0a0515,#1a0f2e,#0a0515);color:#fff;position:relative;overflow-x:hidden}.clan-rooms-background{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.clan-banner-left,.clan-banner-right{position:absolute;top:0;bottom:0;width:200px;background:linear-gradient(90deg,rgba(138,43,226,.1),rgba(75,0,130,.05),transparent);opacity:.5}.clan-banner-left{left:0;background:linear-gradient(90deg,rgba(138,43,226,.15),rgba(75,0,130,.08),transparent)}.clan-banner-right{right:0;background:linear-gradient(-90deg,rgba(138,43,226,.15),rgba(75,0,130,.08),transparent)}.clan-rooms-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:20px}.clan-rooms-header{position:relative;background:linear-gradient(180deg,#190f28f2,#2d1941e6,#190f28f2);border:3px solid;border-image:linear-gradient(135deg,#8a2be2,indigo,#8a2be2) 1;margin-bottom:30px;padding:40px;box-shadow:0 20px 60px #8a2be266,inset 0 1px #ffffff1a;overflow:hidden}.header-pillars{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.header-pillars .pillar{position:absolute;top:0;bottom:0;width:80px;background:linear-gradient(90deg,#8a2be24d,#4b008233,#8a2be24d);box-shadow:inset 2px 0 8px #00000080}.header-pillars .pillar:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:100px;height:30px;background:linear-gradient(180deg,#8a2be299,#4b008266);border-radius:50% 50% 0 0}.header-pillars .pillar-left{left:0}.header-pillars .pillar-right{right:0}.header-content{position:relative;z-index:1;display:flex;align-items:center;gap:30px}.header-emblem{font-size:5rem;color:#8a2be2;text-shadow:0 0 30px rgba(138,43,226,.8),0 0 60px rgba(138,43,226,.4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.header-titles{flex:1;text-align:center}.clan-rooms-title{font-size:3rem;font-weight:900;margin:0;background:linear-gradient(135deg,#8a2be2,orchid,#8a2be2,indigo,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:purpleShimmer 3s ease infinite;letter-spacing:6px;text-shadow:0 0 30px rgba(138,43,226,.5)}@keyframes purpleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.clan-rooms-subtitle{margin:10px 0 0;font-size:1.1rem;color:#fffc;font-weight:300;letter-spacing:2px}.user-clan-badge{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:10px 20px;background:linear-gradient(135deg,#8a2be24d,#4b008233);border:2px solid #8a2be2;border-radius:25px;font-weight:600;box-shadow:0 4px 15px #8a2be266}.user-clan-badge i{color:orchid}.back-btn-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8a2be24d,#4b008233);border:2px solid #8a2be2;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.back-btn-icon:hover{background:linear-gradient(135deg,#8a2be280,#4b00824d);transform:translate(-5px);box-shadow:0 6px 20px #8a2be280}.create-clan-room-section{margin-bottom:30px}.create-clan-room-btn{width:100%;padding:30px;background:linear-gradient(135deg,#8a2be24d,#4b008233);border:3px solid #8a2be2;border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 10px 40px #8a2be24d;position:relative;overflow:hidden}.create-clan-room-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.create-clan-room-btn:hover:before{left:100%}.create-clan-room-btn:hover{background:linear-gradient(135deg,#8a2be280,#4b00824d);transform:translateY(-5px);box-shadow:0 15px 50px #8a2be280;border-color:orchid}.create-clan-room-btn i{font-size:2.5rem;color:orchid}.create-clan-room-btn>span{font-size:1.5rem;font-weight:900;letter-spacing:2px}.create-clan-room-btn p{margin:0;font-size:.9rem;color:#ffffffb3}.clan-rooms-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 1200px){.clan-rooms-list{grid-template-columns:1fr}}.loading-state,.empty-state{text-align:center;padding:60px 20px}.loading-state i{font-size:3rem;color:#8a2be2;margin-bottom:20px}.empty-state .empty-icon{font-size:5rem;color:#8a2be24d;margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:#ffffffe6}.empty-state p{color:#fff9;margin-bottom:20px}.create-room-btn-alt{padding:15px 30px;background:linear-gradient(135deg,#8a2be2,indigo);border:2px solid #da70d6;border-radius:30px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #8a2be266}.create-room-btn-alt:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8a2be299}.clan-room-card{background:linear-gradient(135deg,#140a23e6,#231432cc);border:2px solid rgba(138,43,226,.5);border-radius:20px;padding:25px;transition:all .3s ease;box-shadow:0 8px 30px #0006}.clan-room-card:hover{border-color:#8a2be2;box-shadow:0 15px 50px #8a2be266;transform:translateY(-5px)}.clan-room-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(138,43,226,.3)}.room-number-badge{background:linear-gradient(135deg,#8a2be2,indigo);padding:8px 16px;border-radius:20px;font-weight:700;font-size:.95rem;box-shadow:0 4px 15px #8a2be24d}.room-status-badge{flex:1;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;text-align:center}.room-status-badge[data-status=waiting]{background:linear-gradient(135deg,#22c55e4d,#16a34a33);border:2px solid #22c55e}.room-status-badge[data-status=playing]{background:linear-gradient(135deg,#ef44444d,#dc262633);border:2px solid #ef4444}.room-status-badge[data-status=finished]{background:linear-gradient(135deg,#6b72804d,#4b556333);border:2px solid #6b7280}.room-format-tag{background:#d4af3733;border:2px solid #d4af37;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;color:#d4af37}.clan-battle-arena{display:flex;align-items:center;gap:30px;margin-bottom:20px}.clan-side{flex:1;display:flex;align-items:center;gap:20px;padding:20px;background:#0000004d;border-radius:15px;border:2px solid rgba(138,43,226,.3);transition:all .3s ease}.clan-side:hover{border-color:#8a2be2;background:#8a2be21a}.clan-logo{width:80px;height:80px;border-radius:50%;border:3px solid #8a2be2;padding:5px;background:#00000080;box-shadow:0 0 20px #8a2be280}.clan-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.clan-info{flex:1}.clan-tag{font-size:1.2rem;font-weight:900;color:orchid;margin-bottom:5px;letter-spacing:2px}.clan-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.clan-general{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#ffffffb3}.clan-general i{color:#d4af37}.clan-waiting{width:100%;text-align:center;padding:30px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#ffffff80}.clan-waiting i{font-size:2rem;animation:pulse 2s ease-in-out infinite}.vs-divider{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.vs-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8a2be2,indigo);border:3px solid #da70d6;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;box-shadow:0 0 30px #8a2be299,inset 0 2px 4px #ffffff4d;z-index:2}.vs-swords{font-size:1.5rem;color:#d4af37;text-shadow:0 0 15px rgba(212,175,55,.8)}.room-action-hint{text-align:center;padding:12px;background:#8a2be233;border:2px solid #8a2be2;border-radius:12px;font-size:.9rem;color:#fffc;font-weight:600;transition:all .3s ease}.room-action-hint.spectate{background:#d4af3733;border-color:#d4af37}.clan-room-card:hover .room-action-hint{background:#8a2be266;color:#fff}@media (max-width: 1024px){.clan-battle-arena{flex-direction:column}.vs-divider{transform:rotate(90deg)}}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.clan-rooms-title{font-size:2rem}.header-emblem{font-size:3rem}.clan-side{flex-direction:column;text-align:center}.clan-logo{width:60px;height:60px}}.deck-card{background:linear-gradient(135deg,#d4af371a,#8b45131a);border:2px solid rgba(212,175,55,.4);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.deck-banner{width:100%;height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.deck-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.deck-card-content{padding:15px;flex:1;display:flex;flex-direction:column;gap:10px}.deck-card:hover{border-color:#d4af3799;box-shadow:0 0 20px #d4af374d;transform:translateY(-2px)}.deck-card.selected{border-color:#d4af37;background:linear-gradient(135deg,#d4af3733,#8b451333);box-shadow:0 0 30px #d4af3780}.deck-card.public-deck{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.deck-card.public-deck:hover{border-color:#3b82f699;box-shadow:0 0 20px #3b82f64d}.deck-card.public-deck.selected{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#2563eb1a);box-shadow:0 0 30px #3b82f680}.deck-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.deck-card-header h5{margin:0;font-size:1.1rem;color:#fff}.selected-check{color:#d4af37;font-size:1.5rem}.deck-card.public-deck .selected-check{color:#3b82f6}.deck-card-info{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#ffffffb3}.deck-count{display:flex;align-items:center;gap:5px}.deck-format{background:#d4af3733;padding:4px 10px;border-radius:12px;font-size:.85rem;text-transform:capitalize}.deck-card.public-deck .deck-format{background:#3b82f633}.deck-author{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#fff9;display:flex;align-items:center;gap:6px}.deck-tribes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;color:#fff9}.tribe-badge{background:linear-gradient(135deg,#d4af374d,#8b451333);color:#d4af37;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;border:1px solid rgba(212,175,55,.4)}.tribe-badge.tribe-empty{background:linear-gradient(135deg,#64646433,#3c3c3c33);color:#888;border-color:#6464644d;font-style:italic}.deck-card.public-deck .tribe-badge{background:linear-gradient(135deg,#3b82f64d,#2563eb33);color:#3b82f6;border-color:#3b82f666}.deck-stats{display:flex;gap:15px;align-items:center;font-size:.85rem;color:#ffffffb3;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:5px}.stat-item i{color:#d4af37}.stat-item i.fa-star{color:#fbbf24}.deck-card.public-deck .stat-item i.fa-vault{color:#3b82f6}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px;border-top:1px solid rgba(212,175,55,.2);margin-top:20px}.modal-footer .cancel-btn,.modal-footer .confirm-btn{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.modal-footer .cancel-btn{background:#ffffff1a;color:#fff}.modal-footer .cancel-btn:hover{background:#fff3}.modal-footer .confirm-btn{background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a2e}.modal-footer .confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,gold,#d4af37);box-shadow:0 0 20px #d4af3780}.modal-footer .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.waiting-room{width:100%;min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);color:#fff;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.waiting-room-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.tribal-left,.tribal-right{position:absolute;width:80px;height:100%;top:0;opacity:.08}.tribal-left{left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 800"><path d="M0,0 Q40,100 0,200 T0,400 T0,600 T0,800 L0,0 Z" fill="%23d4af37"/></svg>') repeat-y}.tribal-right{right:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 800"><path d="M80,0 Q40,100 80,200 T80,400 T80,600 T80,800 L80,0 Z" fill="%23d4af37"/></svg>') repeat-y}.selected-deck-info{margin-top:12px;padding:10px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,215,0,.2)}.deck-banner{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:6px;border:2px solid rgba(255,215,0,.3)}.selected-deck-name{color:gold;font-size:14px;font-weight:600;margin-bottom:6px;text-align:center}.deck-tribes{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:6px}.tribe-badge{background:linear-gradient(135deg,#d4af3733,#d4af371a);color:gold;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;border:1px solid rgba(255,215,0,.4);letter-spacing:.5px}.waiting-room-container{background:#1a1625f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;max-width:1000px;width:100%;box-shadow:0 20px 60px #000c;border:2px solid rgba(212,175,55,.4);position:relative;z-index:1}.waiting-room-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#d4af37 0%,transparent 50%,#d4af37 100%);border-radius:20px;z-index:-1;opacity:.3;animation:borderGlow 3s ease-in-out infinite}.waiting-room-title{text-align:center;font-size:2.5rem;margin-bottom:30px;background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#4a4a4a,#2c2c2c,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fireStone 4s ease infinite;letter-spacing:5px;filter:drop-shadow(0 0 15px rgba(255,69,0,.6))}.room-number-badge{position:absolute;top:20px;right:20px;background:#d4af3733;color:#d4af37;padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9rem}.players-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;margin-bottom:30px;align-items:center}.player-card{background:#00000080;border-radius:15px;padding:30px;text-align:center;border:2px solid rgba(212,175,55,.3);transition:all .3s;position:relative;overflow:hidden}.player-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.player-card.my-player{border-color:#d4af37;box-shadow:0 0 20px #d4af3766}.player-card.ready{border-color:#38ef7d;box-shadow:0 0 30px #38ef7d80}.player-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a1a;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:1px}.opponent-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.player-avatar-container{position:relative;display:inline-block;margin-bottom:15px}.player-avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(212,175,55,.5);box-shadow:0 4px 8px #0000004d;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;background:linear-gradient(135deg,#1e3c72,#2a5298);overflow:hidden}.player-avatar img{width:100%;height:100%;object-fit:cover}.ready-badge{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;background:#38ef7d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 0 15px #38ef7dcc;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.player-name{font-size:1.5rem;margin-bottom:8px;color:#fff}.player-elo{color:gold;font-size:.9rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:6px}.status-ready,.status-waiting{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-weight:600}.status-ready{background:#38ef7d33;color:#38ef7d}.status-waiting{background:#fbbf2433;color:#fbbf24}.select-deck-btn{width:100%;padding:12px;background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a1a;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.select-deck-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.ready-btn{width:100%;padding:12px;background:linear-gradient(135deg,#28a745,#218838);color:#fff;border:2px solid #1e7e34;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #28a74566}.ready-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #28a74599;background:linear-gradient(135deg,#34ce57,#28a745)}.ready-btn i{font-size:1.1rem}.deck-actions{display:flex;gap:8px;width:100%;margin-top:12px}.deck-actions .ready-btn,.deck-actions .change-deck-btn{flex:1;width:auto;padding:10px 12px;font-size:.9rem}.change-deck-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:2px solid #545b62;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.change-deck-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7d858c,#6c757d);box-shadow:0 4px 15px #6c757d66}.change-deck-btn i{font-size:.95rem}.vs-container{display:flex;align-items:center;justify-content:center}.vs-badge{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4e4c1,#d4af37);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#1a1625;border:3px solid rgba(212,175,55,.5);box-shadow:0 0 30px #d4af37cc;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 30px #d4af37cc}50%{transform:scale(1.05);box-shadow:0 0 50px #d4af37}}.starting-game{text-align:center;padding:30px;background:#38ef7d1a;border:2px solid #38ef7d;border-radius:15px;margin-bottom:20px}.starting-game i:first-child{font-size:3rem;color:#38ef7d;margin-bottom:15px;display:block}.starting-game h3{color:#38ef7d;margin-bottom:15px}.loading-spinner{font-size:2rem;color:#d4af37}.leave-btn{width:100%;padding:12px;background:#ef444433;color:#ef4444;border:1px solid #ef4444;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.leave-btn:hover{background:#ef44444d;transform:translateY(-2px)}.deck-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.deck-selector-modal{background:linear-gradient(180deg,#1a1625,#0f0a1a);border:2px solid rgba(212,175,55,.5);border-radius:20px;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(212,175,55,.3);background:#d4af371a}.modal-header h3{margin:0;color:#d4af37;font-size:1.5rem;display:flex;align-items:center;gap:10px}.close-modal-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-modal-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-body{flex:1;overflow-y:auto;padding:30px}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.deck-option{background:#1a1625cc;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s}.deck-option:hover{border-color:#d4af3780;transform:translateY(-2px)}.deck-option.selected{border-color:#d4af37;background:#d4af3733;box-shadow:0 0 20px #d4af374d}.deck-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.deck-header h5{margin:0;color:#fff;font-size:1.1rem;flex:1}.deck-header i{color:#d4af37;font-size:1.5rem}.deck-info{display:flex;flex-direction:column;gap:8px}.card-count{color:#b8b8b8;font-size:.9rem;display:flex;align-items:center;gap:6px}.card-count i{color:#d4af37}.deck-format{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;width:fit-content}.no-decks-message{text-align:center;padding:40px 20px;color:#b8b8b8}.no-decks-message i{font-size:3rem;color:#d4af37;margin-bottom:16px;display:block}.no-decks-message p{margin-bottom:20px;font-size:1.1rem}.no-decks-message button{background:linear-gradient(135deg,#d4af37,#aa8a2e);color:#1a1a1a;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.no-decks-message button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.loading-screen{width:100%;min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:20px}.loading-screen i{font-size:3rem;color:#d4af37}@media (max-width: 768px){.players-grid{grid-template-columns:1fr;gap:20px}.vs-container{order:-1}.waiting-room-title{font-size:2rem}}.deck-category{margin-bottom:30px}.deck-category:last-child{margin-bottom:0}.category-title{font-size:1.2rem;color:#d4af37;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(212,175,55,.3);display:flex;align-items:center;gap:10px}.category-title i{font-size:1.3rem}.deck-option.public-deck{border:2px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#3b82f61a,#2563eb0d)}.deck-option.public-deck:hover{border-color:#3b82f699;box-shadow:0 0 20px #3b82f64d}.deck-option.public-deck.selected{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#2563eb1a);box-shadow:0 0 30px #3b82f680}.deck-author{margin-top:8px;font-size:.85rem;color:#fff9;display:flex;align-items:center;gap:6px}.deck-author i{color:#3b82f6}.modal-body{max-height:500px;overflow-y:auto;padding-right:10px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#aa8a2e);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#d4af37)}.dice-roll-phase{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#9400d333,#4b008233);border-radius:20px;border:2px solid rgba(212,175,55,.3)}.dice-roll-phase h2{color:#d4af37;font-size:2rem;margin-bottom:30px;text-shadow:0 0 20px rgba(212,175,55,.5)}.dice-animation{font-size:100px;color:#d4af37;margin:40px 0;animation:pulse 1.5s ease-in-out infinite}.dice-results{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:30px}.dice-result{display:flex;flex-direction:column;align-items:center;gap:15px}.dice-result span{font-size:1.2rem;color:#d4af37;font-weight:700}.dice-value{width:80px;height:80px;background:linear-gradient(135deg,#d4af37,#8b7355);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#1a1625;box-shadow:0 4px 20px #d4af3766}.dice-vs{font-size:2rem;color:#d4af37;font-weight:700}.turn-selection-phase{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#d4af371a,#8b73551a);border-radius:20px;border:2px solid #d4af37}.turn-selection-phase h2{color:#d4af37;font-size:2rem;margin-bottom:40px;text-shadow:0 0 20px rgba(212,175,55,.5)}.turn-selection-buttons{display:flex;justify-content:center;gap:30px;margin-top:30px}.turn-select-btn{padding:20px 40px;font-size:1.3rem;font-weight:700;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px}.turn-select-btn.me{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 20px #4caf5066}.turn-select-btn.me:hover{transform:translateY(-3px);box-shadow:0 6px 30px #4caf5099}.turn-select-btn.opponent{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 20px #ff980066}.turn-select-btn.opponent:hover{transform:translateY(-3px);box-shadow:0 6px 30px #ff980099}.waiting-selection{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:30px}.waiting-selection i{font-size:60px;color:#d4af37}.waiting-selection p{font-size:1.2rem;color:#d4af37}.sideboard-phase{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#4b008233,#9400d333);border-radius:20px;border:2px solid rgba(212,175,55,.3)}.sideboard-phase h2{color:#d4af37;font-size:2rem;margin-bottom:20px}.first-player-info{font-size:1.2rem;color:#d4af37;margin-bottom:40px}.first-player-info strong{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.sideboard-actions{display:flex;justify-content:center;gap:30px;margin-top:30px}.sideboard-btn{padding:18px 40px;font-size:1.2rem;font-weight:700;border:2px solid #dc3545;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #dc354566}.sideboard-btn:hover{transform:translateY(-3px);box-shadow:0 6px 30px #dc354599;background:linear-gradient(135deg,#e04553,#d32f3f)}.combat-ready-btn{padding:18px 40px;font-size:1.2rem;font-weight:700;border:2px solid #28a745;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#28a745,#218838);color:#fff;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #28a74566}.combat-ready-btn:hover{transform:translateY(-3px);box-shadow:0 6px 30px #28a74599;background:linear-gradient(135deg,#34ce57,#28a745)}.opponent-status{margin-top:25px;font-size:1.1rem;color:#4caf50;display:flex;align-items:center;justify-content:center;gap:10px}.opponent-status:before{content:"✓";display:inline-block;width:24px;height:24px;background:#4caf50;border-radius:50%;text-align:center;line-height:24px;color:#fff;font-weight:700}.starting-game{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#d4af3733,#b8860b33);border-radius:20px;border:2px solid #d4af37;animation:pulse 2s ease-in-out infinite}.starting-game i{font-size:80px;color:#d4af37;margin-bottom:20px}.starting-game h3{color:#d4af37;font-size:2.5rem;margin-bottom:20px;text-shadow:0 0 20px rgba(212,175,55,.6)}.loading-spinner{font-size:50px;color:#d4af37}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.sideboard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sideboard-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px;max-width:95vw;max-height:90vh;width:1400px;box-shadow:0 20px 60px #00000080;border:2px solid #ffd700;overflow:hidden;display:flex;flex-direction:column}.opponent-deck-info-banner{background:linear-gradient(135deg,#ff444426,#ff00000d);border:2px solid rgba(255,68,68,.4);border-radius:12px;padding:15px;margin-bottom:20px}.opponent-deck-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,68,68,.3)}.opponent-deck-header i{color:#f44;font-size:20px}.opponent-deck-header h4{color:#f66;margin:0;font-size:18px;font-weight:600}.opponent-deck-content{display:flex;gap:15px;align-items:center}.opponent-banner-container{flex-shrink:0;width:240px}.opponent-deck-banner-img{width:100%;height:80px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,68,68,.3)}.opponent-deck-details{flex:1;display:flex;flex-direction:column;gap:10px}.opponent-deck-name{display:flex;align-items:center;gap:8px;color:#fff;font-size:16px;font-weight:600}.opponent-deck-name i{color:#f66;font-size:14px}.opponent-deck-tribes{display:flex;align-items:center;gap:8px}.opponent-deck-tribes>i{color:#f66;font-size:14px;flex-shrink:0}.opponent-deck-tribes .tribes-list{display:flex;gap:6px;flex-wrap:wrap}.opponent-deck-tribes .tribe-badge{background:linear-gradient(135deg,#ff44444d,#f443);color:#f88;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;border:1px solid rgba(255,68,68,.5);letter-spacing:.5px}.sideboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.3)}.sideboard-header h2{color:gold;font-size:28px;margin:0;text-shadow:0 0 10px rgba(255,215,0,.5)}.sideboard-header h2 i{margin-right:10px}.close-btn{background:#f003;border:2px solid #ff4444;color:#f44;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:18px}.close-btn:hover{background:#f006;transform:rotate(90deg)}.sideboard-content{display:flex;gap:30px;flex:1;overflow:hidden}.deck-section{flex:1;display:flex;flex-direction:column;background:#0000004d;border-radius:15px;padding:20px;border:2px solid rgba(255,215,0,.2)}.deck-section h3{color:#fff;margin:0 0 15px;font-size:20px;text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;overflow-y:auto;padding:10px;flex:1;align-content:start}.sideboard-grid{grid-template-columns:repeat(6,1fr);gap:5px 10px}.sideboard-card{aspect-ratio:2/3;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:all .3s;background:#00000080;margin-top:30%}.sideboard-card:nth-child(-n+6){margin-top:0}.sideboard-card img{width:100%;height:100%;object-fit:cover}.sideboard-card.selected{border-color:gold;box-shadow:0 0 20px #ffd700cc;transform:translateY(-5px)}.sideboard-card:hover{border-color:#ffd70080;transform:translateY(-3px)}.card-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);color:#fff;padding:5px;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;color:gold;font-size:40px;padding:0 20px;animation:pulse 2s infinite}.exchange-hint{margin-top:20px;font-size:14px;color:#fff;background:#ffd70033;padding:10px 15px;border-radius:10px;text-align:center;max-width:200px;border:1px solid rgba(255,215,0,.5)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sideboard-footer{display:flex;justify-content:center;gap:20px;margin-top:20px;padding-top:20px;border-top:2px solid rgba(255,215,0,.3)}.cancel-btn,.confirm-btn{padding:12px 30px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;border:2px solid;display:flex;align-items:center;gap:10px}.cancel-btn{background:#f003;border-color:#f44;color:#f44}.cancel-btn:hover{background:#f006;transform:scale(1.05)}.confirm-btn{background:linear-gradient(135deg,#00c853,#00e676);border-color:#00e676;color:#fff}.confirm-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #00c85380}.cards-grid::-webkit-scrollbar{width:8px}.cards-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.cards-grid::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:10px}.cards-grid::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.game-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:99999;pointer-events:none;display:flex;align-items:center;justify-content:center}.transition-vs-container{display:flex;align-items:center;justify-content:center;gap:4rem;color:#fff}.transition-player{text-align:center;min-width:200px}.transition-player-name{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.5)}.transition-player-tribes{font-size:1.2rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.transition-vs{font-size:3rem;font-weight:700;color:#f44;text-shadow:0 0 20px rgba(255,68,68,.8);animation:pulse-vs 1.5s ease-in-out infinite}@keyframes pulse-vs{0%,to{transform:scale(1);text-shadow:0 0 20px rgba(255,68,68,.8)}50%{transform:scale(1.1);text-shadow:0 0 30px rgba(255,68,68,1)}}.chest-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chest-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;max-width:90vw;max-height:80vh;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.chest-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0003;border-bottom:2px solid rgba(255,255,255,.1)}.chest-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chest-close-btn{background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.chest-close-btn:hover{background:#fff3;transform:scale(1.1)}.chest-tabs{display:flex;background:#0003;border-bottom:2px solid rgba(255,255,255,.1)}.chest-tab{flex:1;padding:15px 20px;background:transparent;border:none;color:#fff9;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.chest-tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4caf50,#45a049);transform:scaleX(0);transition:transform .3s ease}.chest-tab.active{color:#fff;background:#ffffff1a}.chest-tab.active:after{transform:scaleX(1)}.chest-tab:hover:not(.active){color:#ffffffe6;background:#ffffff0d}.chest-content{flex:1;padding:24px;overflow-y:auto;background:#0000001a}.tab-description{color:#fffc;margin:0 0 20px;text-align:center;font-size:.95rem}.dice-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:10px 0}.dice-color-btn{aspect-ratio:1;border:3px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 4px 8px #0003}.dice-color-btn:hover{transform:scale(1.1);border-color:#fff;box-shadow:0 6px 16px #0006}.dice-color-btn:active{transform:scale(.95)}.counters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:400px;margin:0 auto}.counter-btn{padding:32px;border:3px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003;text-shadow:0 2px 4px rgba(0,0,0,.3)}.counter-btn:hover{transform:scale(1.05);border-color:#fff;box-shadow:0 6px 16px #0006}.counter-btn:active{transform:scale(.95)}.tokens-loading,.tokens-empty,.tokens-error{text-align:center;color:#ffffffb3;padding:40px 20px;font-size:1rem}.tokens-error{color:#ff6b6b}.tokens-empty small{display:block;margin-top:10px;color:#ffffff80;font-size:.85rem}.tokens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.token-card{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}.token-card:hover{transform:translateY(-4px);border-color:#ffffff80;box-shadow:0 8px 16px #0000004d}.token-card img{width:100%;object-fit:contain;display:block}.token-info{padding:10px 8px;background:#0006}.token-name{color:#fff;font-size:.9rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-stats,.token-type{display:none}.chest-content::-webkit-scrollbar{width:8px}.chest-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.chest-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.chest-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.chest-panel{width:95vw;max-height:90vh}.chest-header h3{font-size:1.2rem}.chest-tab{font-size:.9rem;padding:12px 8px;gap:4px}.chest-content{padding:16px}.dice-colors-grid{grid-template-columns:repeat(3,1fr)}.tokens-grid{grid-template-columns:repeat(3,1fr);gap:16px}}._container_1md64_3{display:inline-flex;align-items:center;gap:6px;margin-left:8px}._indicator_1md64_10{position:relative;width:12px;height:12px;border-radius:50%;transition:background-color .3s ease;box-shadow:0 2px 6px #0000004d}._connected_1md64_19{background-color:#4caf50}._disconnected_1md64_23{background-color:#f44336}._connected_1md64_19 ._pulse_1md64_28{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#4caf50;opacity:.6;animation:_pulse_1md64_28 2s infinite}._disconnected_1md64_23 ._pulse_1md64_28{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-color:#f44336;opacity:.6;animation:_pulse_1md64_28 1s infinite}@keyframes _pulse_1md64_28{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}._label_1md64_69{color:#f44336;font-size:11px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap}._ping_1md64_77{font-size:11px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap;font-family:Courier New,monospace;transition:color .3s ease}._labelConnected_1md64_86{display:none}.system-log{background:#0009;border-radius:8px;border:1px solid rgba(255,215,0,.3);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;max-height:360px}.system-log-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:gold;padding:8px 12px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,215,0,.2)}.system-log-header i{font-size:.9rem}.system-log-messages{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) transparent}.system-log-messages::-webkit-scrollbar{width:6px}.system-log-messages::-webkit-scrollbar-track{background:transparent}.system-log-messages::-webkit-scrollbar-thumb{background-color:#ffd7004d;border-radius:3px}.system-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff6;font-size:.8rem;gap:8px}.system-log-empty i{font-size:1.5rem;opacity:.5}.system-log-message{display:flex;gap:8px;padding:4px 6px;margin-bottom:4px;background:#ffffff0d;border-radius:4px;font-size:.75rem;line-height:1.3;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.system-log-time{color:#ffd700b3;font-family:monospace;font-size:.7rem;white-space:nowrap;flex-shrink:0}.system-log-text{color:#ffffffd9;word-break:break-word}.spectator-chat-inline{background:#0009;border-radius:8px;border:1px solid rgba(52,152,219,.4);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;max-height:300px}.spectator-chat-inline-header{background:linear-gradient(135deg,#2980b9,#3498db);color:#fff;padding:8px 12px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.2)}.spectator-chat-inline-header i{font-size:.9rem}.spectator-chat-inline-header .spectator-count{opacity:.8;font-weight:400;font-size:.8rem}.spectator-chat-inline-messages{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(52,152,219,.4) transparent}.spectator-chat-inline-messages::-webkit-scrollbar{width:6px}.spectator-chat-inline-messages::-webkit-scrollbar-track{background:transparent}.spectator-chat-inline-messages::-webkit-scrollbar-thumb{background-color:#3498db66;border-radius:3px}.spectator-chat-inline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff6;font-size:.8rem;gap:8px;height:100%}.spectator-chat-inline-empty i{font-size:1.5rem;opacity:.5}.spectator-chat-inline-message{padding:4px 8px;margin-bottom:4px;background:#ffffff14;border-radius:4px;font-size:.75rem;line-height:1.3;animation:fadeInMessage .2s ease-out}.spectator-chat-inline-message.mine{background:#3498db4d;border-left:2px solid #3498db}.spectator-chat-inline-message.system{background:#f1c40f26;border-left:2px solid #f1c40f;font-style:italic;color:#ffffffb3}.spectator-chat-inline-message .sender-name{color:#3498db;font-weight:700;margin-right:4px}.spectator-chat-inline-message.mine .sender-name{color:#5dade2}.spectator-chat-inline-message .message-text{color:#ffffffe6}.spectator-chat-inline-message .system-text{color:#f1c40fe6}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.spectator-chat-inline-input{display:flex;gap:4px;padding:8px;background:#0000004d;border-top:1px solid rgba(52,152,219,.2)}.spectator-chat-inline-input input{flex:1;background:#ffffff1a;border:1px solid rgba(52,152,219,.3);border-radius:4px;padding:6px 10px;color:#fff;font-size:.8rem;outline:none;transition:border-color .2s}.spectator-chat-inline-input input:focus{border-color:#3498db99}.spectator-chat-inline-input input::placeholder{color:#fff6}.spectator-chat-inline-input button{background:linear-gradient(135deg,#2980b9,#3498db);border:none;border-radius:4px;padding:6px 12px;color:#fff;cursor:pointer;transition:opacity .2s,transform .1s}.spectator-chat-inline-input button:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.spectator-chat-inline-input button:disabled{opacity:.5;cursor:not-allowed}.card-context-menu{position:fixed;background:linear-gradient(135deg,#141428fa,#28283cfa);border:3px solid rgba(0,255,255,.7);border-radius:10px;padding:8px;min-width:200px;box-shadow:0 4px 20px #000000e6,0 0 40px #0ff6,inset 0 1px #ffffff1a;z-index:999998;animation:menuFadeIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-context-menu.horizontal{display:flex;background:linear-gradient(135deg,#141428fa,#28283cfa);border:3px solid rgba(0,255,255,.7);border-radius:10px;padding:8px;box-shadow:0 4px 20px #000000e6,0 0 40px #0ff6,inset 0 1px #ffffff1a;flex-direction:row;align-items:center;pointer-events:all;gap:4px;position:relative;transform:translateY(-9%);margin-top:-12px}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-action{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;background:#1e1e3299;border:1px solid rgba(0,255,255,.3);color:#fff;font-size:14px;font-family:Cinzel,serif;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;margin:3px 0}.menu-action.icon-only{width:40px;height:40px;padding:0;margin:0 3px;background:#1e1e32cc;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;border:2px solid rgba(0,255,255,.4);transition:all .2s ease}.menu-action.icon-only:hover:not(.disabled){background:#00ffff59;border-color:#00ffffe6;transform:translateY(-2px);box-shadow:0 0 15px #00ffff80}.menu-action.icon-only.disabled{opacity:.4;cursor:not-allowed}.menu-action:hover:not(.disabled){background:#00ffff40;border-color:#0ffc;transform:translate(3px);box-shadow:inset 2px 0 #0ffc,0 0 10px #0ff6}.menu-action.disabled{opacity:.4;cursor:not-allowed}.action-icon{font-size:16px;width:20px;text-align:center}.menu-action.icon-only .action-icon{font-size:22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.action-label{flex:1}.menu-action.icon-only .action-label{display:none}.card-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:999999}.card-preview{position:fixed;pointer-events:auto;animation:cardPreviewFadeIn .15s ease-out;filter:drop-shadow(0 0 20px rgba(0,255,255,.6))}@keyframes cardPreviewFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-counter-cell{position:absolute;top:35%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2px;padding:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:auto;box-shadow:0 4px 12px #000c;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;transform:rotate(45deg)}.card-counter-cell:hover{transform:rotate(45deg) scale(1.1)}.card-counter-cell.left{left:3px;background:#c0392be6;border:1px solid rgba(231,76,60,.5)}.card-counter-cell.left:hover{background:#c0392bf2;border-color:#e74c3ccc}.card-counter-cell.right{right:3px;background:#2980b9e6;border:1px solid rgba(52,152,219,.5)}.card-counter-cell.right:hover{background:#2980b9f2;border-color:#3498dbcc}.card-counter-cell.opponent{top:auto!important;bottom:35%}.card-counter-value{font-size:18px;font-weight:700;text-shadow:0 0 8px currentColor,0 2px 4px rgba(0,0,0,.8);text-align:center;font-family:Courier New,monospace;line-height:1;transform:rotate(-45deg)}.turn-selection-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999999}.turn-selection-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #ffd700;border-radius:20px;padding:40px 60px;box-shadow:0 0 50px #ffd70080;min-width:600px}.modal-title{text-align:center;font-size:2.5rem;color:gold;margin-bottom:40px;text-shadow:0 0 20px rgba(255,215,0,.8);font-family:Cinzel,serif}.dice-container{display:flex;justify-content:space-around;align-items:center;gap:40px;margin-bottom:40px}.player-dice{display:flex;flex-direction:column;align-items:center;gap:20px}.player-name{font-size:1.5rem;color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.dice{width:120px;height:120px;background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080;border:3px solid #333}.dice-value{font-size:4rem;font-weight:700;color:#1a1a2e;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.vs-divider{font-size:2rem;color:gold;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.8)}.turn-choice-buttons{text-align:center;margin-top:30px}.winner-text{font-size:1.8rem;color:gold;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,1);margin-bottom:20px}.button-container{display:flex;gap:20px;justify-content:center;margin-top:20px}.choice-button{padding:15px 30px;font-size:1.2rem;font-weight:700;border:3px solid #ffd700;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);box-shadow:0 4px 15px #ffd7004d}.player1-button{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.player1-button:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);transform:scale(1.05);box-shadow:0 6px 20px #3b82f680}.player2-button{background:linear-gradient(135deg,#7c2d12,#dc2626)}.player2-button:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:scale(1.05);box-shadow:0 6px 20px #dc262680}.choice-button:active{transform:scale(.95)}.waiting-message{margin-top:2rem;padding:1.5rem;background:#ffffff1a;border-radius:12px;text-align:center}.waiting-message p{color:gold;font-size:1.2rem;font-weight:600;margin:0;animation:pulse 2s ease-in-out infinite}.stack-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stack-viewer-modal{background:linear-gradient(135deg,#1a1625fa,#0f0a1afa);border:2px solid rgba(212,175,55,.6);border-radius:15px;width:90vw;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c;overflow:hidden}.stack-viewer-header{padding:20px 30px;border-bottom:2px solid rgba(212,175,55,.3);display:flex;align-items:center;gap:15px;flex-shrink:0;background:#0f0a1af2;z-index:1}.stack-viewer-header h2{margin:0;color:#f4e4c1;font-size:1.5rem;flex:1}.stack-viewer-count{color:#d4af37;font-size:1.1rem;font-weight:700;padding:5px 15px;background:#d4af3733;border-radius:8px}.stack-viewer-close{background:#ff3b3033;border:2px solid rgba(255,59,48,.5);color:#ff3b30;font-size:1.5rem;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.stack-viewer-close:hover{background:#ff3b3066;border-color:#ff3b30}.stack-viewer-content{padding:30px;overflow-y:auto;flex:1;min-height:0}.stack-viewer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;max-width:100%;justify-items:center;align-items:start}@media (min-width: 1200px){.stack-viewer-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1199px) and (min-width: 900px){.stack-viewer-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 899px) and (min-width: 600px){.stack-viewer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 599px){.stack-viewer-grid{grid-template-columns:repeat(2,1fr)}}.stack-viewer-card{width:200px;height:290px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px;transition:transform .2s ease}.stack-viewer-card:hover{transform:translateY(-5px);z-index:10}.stack-viewer-modal .stack-viewer-card .card,.stack-viewer-modal .stack-viewer-card .card.stack-card{width:200px!important;height:290px!important;min-width:200px!important;min-height:290px!important;max-width:200px!important;max-height:290px!important;border-radius:12px!important;position:relative!important;z-index:0!important}.stack-viewer-modal .stack-viewer-card img{width:100%!important;height:100%!important;border-radius:12px!important;position:relative!important;z-index:0!important}.stack-viewer-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000d9,#0000 50%);opacity:1;transition:opacity .3s ease;pointer-events:none;border-radius:12px;z-index:1}.stack-viewer-card-actions{position:absolute;bottom:0;left:0;right:0;height:50%;display:flex;flex-direction:column;gap:4px;padding:8px;opacity:1;transform:translateY(0);transition:all .3s ease;z-index:10;pointer-events:all;justify-content:flex-end}.stack-viewer-card-action{background:#d4af37f2;border:1px solid rgba(212,175,55,1);color:#1a0f1a;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;justify-content:center;box-shadow:0 2px 8px #0006;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-viewer-card-action:hover{background:gold;border-color:gold;transform:scale(1.05);box-shadow:0 4px 12px #d4af3799}.stack-viewer-card-action svg{width:12px;height:12px;flex-shrink:0}.stack-viewer-empty{text-align:center;padding:60px 20px;color:#ffffff80;font-size:1.2rem;font-style:italic}.stack-viewer-content::-webkit-scrollbar{width:10px}.stack-viewer-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.stack-viewer-content::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:5px}.stack-viewer-content::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.deck-explore-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.deck-explore-modal{background:linear-gradient(135deg,#1a1625fa,#0f0a1afa);border:2px solid rgba(212,175,55,.6);border-radius:15px;width:95vw;max-width:1600px;height:90vh;min-height:700px;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c;overflow:hidden}.deck-explore-header{padding:20px 30px;border-bottom:2px solid rgba(212,175,55,.3);display:flex;align-items:center;gap:15px;flex-shrink:0;background:#0f0a1af2;z-index:1}.deck-explore-header h2{margin:0;color:#f4e4c1;font-size:1.5rem;flex:1}.deck-explore-count{color:#d4af37;font-size:1.1rem;font-weight:700;padding:5px 15px;background:#d4af3733;border-radius:8px}.deck-explore-close{background:#ff3b3033;border:2px solid rgba(255,59,48,.5);color:#ff3b30;font-size:1.5rem;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.deck-explore-close:hover{background:#ff3b3066;border-color:#ff3b30}.deck-explore-content{padding:20px 30px;overflow-y:auto;flex:1;min-height:0}.deck-explore-instructions{text-align:center;color:#ffffffb3;font-size:.95rem;margin-bottom:20px;padding:15px;background:#d4af371a;border-radius:8px;border:1px solid rgba(212,175,55,.3)}.deck-explore-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:20px 0}.deck-explore-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#0000004d;border:2px solid rgba(212,175,55,.3);border-radius:12px;transition:all .3s ease}.deck-explore-card.has-action{border-color:#d4af37cc;background:#d4af371a}.deck-explore-card-container.selected{border-color:#4a90e2;background:#4a90e233;box-shadow:0 0 20px #4a90e2cc}.deck-explore-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000080}.card-order-controls{display:flex;align-items:center;gap:8px}.order-btn{background:#d4af3733;border:1px solid rgba(212,175,55,.5);color:#d4af37;width:30px;height:30px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.8rem}.order-btn:hover:not(:disabled){background:#d4af3766;border-color:#d4af37}.order-btn:disabled{opacity:.3;cursor:not-allowed}.card-order-number{color:#d4af37;font-weight:700;font-size:1.1rem;min-width:30px;text-align:center}.card-preview{width:160px;height:232px;position:relative}.card-preview .card{width:160px!important;height:232px!important;border-radius:10px!important}.card-preview img{width:100%!important;height:100%!important;border-radius:10px!important}.card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:200px}.deck-action-btn{background:#3c3c50cc;border:2px solid rgba(100,100,120,.5);color:#ffffffb3;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.deck-action-btn:hover{background:#505064e6;border-color:#9696aacc;transform:scale(1.1)}.deck-action-btn.active,.deck-action-btn.selected{background:#d4af37e6;border-color:#d4af37;color:#1a0f1a}.deck-action-btn svg{width:16px;height:16px}.card-action-label{color:#d4af37;font-size:.85rem;font-weight:600;text-align:center;min-height:20px}.deck-explore-footer{padding:20px 30px;border-top:2px solid rgba(212,175,55,.3);display:flex;justify-content:flex-end;gap:15px;flex-shrink:0;background:#0f0a1af2}.btn-cancel,.btn-complete{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.btn-cancel{background:#6464784d;border-color:#9696aa80;color:#fffc}.btn-cancel:hover{background:#78788c66;border-color:#b4b4c8b3}.btn-complete{background:#d4af37e6;border-color:#d4af37;color:#1a0f1a}.btn-complete:hover{background:gold;border-color:gold;transform:scale(1.05);box-shadow:0 4px 15px #d4af3780}.deck-explore-content::-webkit-scrollbar{width:10px}.deck-explore-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.deck-explore-content::-webkit-scrollbar-thumb{background:#d4af3780;border-radius:5px}.deck-explore-content::-webkit-scrollbar-thumb:hover{background:#d4af37b3}.peek-deck-modal{max-width:90vw;max-height:90vh}.peek-deck-content{display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:20px}.peek-deck-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:1400px;margin:0 auto;padding-bottom:20px}.peek-deck-card{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:80px;transition:transform .2s ease}.peek-deck-card:hover{transform:translateY(-5px)}.peek-card-order-controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.peek-card-order-controls .order-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(212,175,55,.5);background:#281e32cc;color:#d4af37;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem}.peek-card-order-controls .order-btn:hover:not(:disabled){background:#d4af374d;border-color:#d4af37;transform:scale(1.1)}.peek-card-order-controls .order-btn:disabled{opacity:.3;cursor:not-allowed}.peek-card-order-badge{background:#d4af37e6;color:#1a0f1a;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.9rem;min-width:30px;text-align:center}.peek-card-preview{position:relative}.peek-card-action-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;pointer-events:none;animation:pulseOverlay 1.5s ease-in-out infinite;z-index:10}.peek-card-action-overlay.action-hand{background:#2ecc71d9;color:#fff;box-shadow:0 0 20px #2ecc7199}.peek-card-action-overlay.action-cemetery{background:#95a5a6d9;color:#fff;box-shadow:0 0 20px #95a5a699}.peek-card-action-overlay.action-averno{background:#e74c3cd9;color:#fff;box-shadow:0 0 20px #e74c3c99}.peek-card-action-overlay.action-top{background:#3498dbd9;color:#fff;box-shadow:0 0 20px #3498db99}.peek-card-action-overlay.action-bottom{background:#9b59b6d9;color:#fff;box-shadow:0 0 20px #9b59b699}@keyframes pulseOverlay{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.peek-card-actions{display:flex;gap:6px;margin-top:10px;justify-content:center}.peek-card-actions .deck-action-btn{width:36px;height:36px;border-radius:8px;border:2px solid rgba(100,100,120,.5);background:#3c3c50cc;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.peek-card-actions .deck-action-btn:hover{background:#505064e6;border-color:#9696aab3;color:#fff;transform:scale(1.1)}.peek-card-actions .deck-action-btn.active{background:#d4af37e6;border-color:#d4af37;color:#1a0f1a}.peek-card-action-label{margin-top:8px;color:#ffffff80;font-size:.85rem;font-weight:700;text-align:center;transition:all .2s ease}.peek-card-action-label.visible{color:#d4af37}.deck-explore-info{text-align:center;color:#f4e4c1;font-size:1rem;margin:15px 0;padding:15px;background:#d4af371a;border-radius:8px;border:1px solid rgba(212,175,55,.3)}.deck-explore-info p{margin:0;color:#f4e4c1}.deck-explore-summary{flex:1;color:#d4af37;font-size:.95rem;font-weight:600;display:flex;align-items:center}.deck-explore-confirm{padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid;background:#d4af37e6;border-color:#d4af37;color:#1a0f1a}.deck-explore-confirm:hover{background:gold;border-color:gold;transform:scale(1.05);box-shadow:0 4px 15px #d4af3780}.explore-notification-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-align:center}.explore-notification-icon{font-size:4rem;margin-bottom:20px;animation:bounceIcon 1s ease-in-out infinite}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.explore-notification-text{font-size:1.3rem;color:#f4e4c1;margin-bottom:10px}.explore-notification-text strong{color:#d4af37}.explore-notification-subtext{font-size:1rem;color:#f4e4c1b3;margin-bottom:25px}.explore-notification-spinner{display:flex;justify-content:center;align-items:center}.explore-notification-spinner .spinner{width:40px;height:40px;border:4px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}.turn-end-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10001;align-items:center;justify-content:center}.turn-end-modal.active{display:flex}.turn-end-content{background:linear-gradient(135deg,#1a1625fa,#0f0a1afa);border:3px solid rgba(52,152,219,.6);border-radius:20px;padding:40px;max-width:450px;width:90%;text-align:center;animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #000c,0 0 40px #3498db66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-end-content h2{color:#3498db;margin:0 0 15px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:10px}.turn-end-content h2 i{font-size:1.3rem}.turn-end-options{display:flex;gap:15px;justify-content:center;margin-top:20px}.turn-end-option-btn{flex:1;padding:15px 25px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.turn-end-option-btn.allow{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 15px #27ae6066}.turn-end-option-btn.allow:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-2px);box-shadow:0 6px 20px #27ae6099}.turn-end-option-btn.respond{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;box-shadow:0 4px 15px #e67e2266}.turn-end-option-btn.respond:hover{background:linear-gradient(135deg,#f39c12,#e67e22);transform:translateY(-2px);box-shadow:0 6px 20px #e67e2299}.battle-end-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:10000;align-items:center;justify-content:center}.battle-end-modal.active{display:flex}.battle-end-content{background:linear-gradient(135deg,#1a1625fa,#0f0a1afa);border:3px solid rgba(212,175,55,.6);border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #000c,0 0 40px #d4af374d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.battle-end-content:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#d4af37 0%,transparent 50%,#d4af37 100%);border-radius:20px;z-index:-1;opacity:.3;animation:borderGlow 3s ease-in-out infinite}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes borderGlow{0%,to{opacity:.2}50%{opacity:.4}}.battle-end-content h2{color:#f4e4c1;margin-bottom:20px;font-size:1.8em;background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#4a4a4a,#2c2c2c,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:fireStone 4s ease-in-out infinite;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(212,175,55,.5))}.battle-end-description{color:#ccc;margin-bottom:20px}.battle-end-options{display:flex;flex-direction:column;gap:15px;margin:20px 0}.battle-end-option-btn{padding:20px;border:2px solid rgba(212,175,55,.3);border-radius:12px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .3s;color:#fff;position:relative;overflow:hidden}.battle-end-option-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(212,175,55,.2) 50%,transparent 60%);animation:shimmer 3s infinite}.battle-end-option-btn.win{background:linear-gradient(135deg,#11998e,#38ef7d)}.battle-end-option-btn.win:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #38ef7d99;border-color:#d4af37b3}.battle-end-option-btn.lose{background:linear-gradient(135deg,#ee0979,#ff6a00)}.battle-end-option-btn.lose:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 20px #ee097966}.battle-end-option-btn.draw{background:linear-gradient(135deg,#4568dc,#b06ab3)}.battle-end-option-btn.draw:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 20px #4568dc66}.battle-end-option-btn.surrender{background:linear-gradient(135deg,#606c88,#3f4c6b)}.battle-end-option-btn.surrender:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 20px #606c8866}.battle-end-option-btn.selected{border:3px solid #ffd700;box-shadow:0 0 20px #ffd70080}.battle-end-option-btn.selected.my-vote{border:3px solid #ffd700;box-shadow:0 0 30px #ffd700cc,0 0 50px #ffd70080;animation:pulseGlow 1.5s ease-in-out infinite}.battle-end-option-btn.selected.opponent-vote{border:3px solid #3498db;box-shadow:0 0 20px #3498db99;opacity:.8}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px #ffd700cc,0 0 50px #ffd70080}50%{box-shadow:0 0 40px gold,0 0 70px #ffd700b3}}.battle-end-option-btn:disabled{opacity:.6;cursor:not-allowed}.battle-end-waiting{margin-top:20px;padding:15px;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;color:#3498db;font-weight:700}.battle-end-disagreement{margin-top:15px;padding:15px;background:#dc354533;border:2px solid #dc3545;border-radius:8px;color:#ff6b6b}.battle-end-actions{display:flex;gap:15px;margin-top:20px;justify-content:center}.battle-end-surrender-btn{padding:12px 30px;background:linear-gradient(135deg,#606c88,#3f4c6b);border:2px solid rgba(96,108,136,.5);border-radius:10px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s;font-weight:700}.battle-end-surrender-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #606c8866;border-color:#606c88b3}.battle-end-cancel-btn{padding:12px 30px;background:#6c757d4d;border:2px solid rgba(108,117,125,.5);border-radius:10px;color:#aaa;font-size:1rem;cursor:pointer;transition:all .3s}.battle-end-cancel-btn:hover{background:#6c757d80;border-color:#6c757db3;color:#fff}.surrender-confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.surrender-confirmation-content{background:linear-gradient(135deg,#1a1625fa,#0f0a1afa);border:3px solid rgba(220,53,69,.6);border-radius:15px;padding:30px;max-width:400px;width:90%;text-align:center;animation:scaleIn .3s ease-out;box-shadow:0 20px 60px #000c,0 0 40px #dc35454d}.surrender-warning-icon{font-size:3em;color:#ff6b6b;margin-bottom:15px;animation:pulse 1.5s ease-in-out infinite}.surrender-confirmation-content h3{color:#f4e4c1;margin-bottom:15px;font-size:1.4em}.surrender-confirmation-content p{color:#ccc;margin-bottom:25px;line-height:1.5}.surrender-confirmation-buttons{display:flex;gap:15px;justify-content:center}.surrender-confirm-btn{padding:12px 25px;background:linear-gradient(135deg,#dc3545,#c82333);border:2px solid rgba(220,53,69,.5);border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.surrender-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #dc354566;border-color:#dc3545b3}.surrender-cancel-btn{padding:12px 25px;background:#6c757d4d;border:2px solid rgba(108,117,125,.5);border-radius:10px;color:#aaa;font-size:1rem;cursor:pointer;transition:all .3s}.surrender-cancel-btn:hover{background:#6c757d80;border-color:#6c757db3;color:#fff}.battle-result-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;justify-content:center;align-items:center;opacity:0;transition:opacity .8s ease-in-out}.battle-result-modal.active{display:flex;animation:fadeIn .8s ease-in-out forwards}.battle-result-content{background:linear-gradient(135deg,#1a1a1a,#2c2c2c,#1a1a1a);border:3px solid #ffd700;border-radius:16px;padding:30px 40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 0 40px #ffd70066,inset 0 0 30px #ffd7001a;animation:scaleIn .5s ease-out .3s both}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.battle-result-icon{font-size:3.5rem;margin-bottom:15px;animation:iconPop .6s ease}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.battle-result-title{font-size:3rem;font-weight:900;margin-bottom:20px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 15px currentColor,0 0 30px currentColor;animation:glow 2s ease-in-out infinite}.battle-result-title.victory{color:gold;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-result-title.defeat{color:#e74c3c;background:linear-gradient(45deg,#e74c3c,#c0392b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-result-title.draw{color:#3498db;background:linear-gradient(45deg,#3498db,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-result-title.spectator{color:#9b59b6;background:linear-gradient(45deg,#9b59b6,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-result-modal.result-spectator .battle-result-content{border-color:#9b59b6;box-shadow:0 0 60px #9b59b680,inset 0 0 40px #9b59b61a}.battle-result-modal.result-spectator .battle-result-stats{border-color:#9b59b64d}.battle-result-modal.result-spectator .battle-result-stats-title{border-bottom-color:#9b59b64d}@keyframes glow{0%,to{filter:brightness(1) drop-shadow(0 0 20px currentColor)}50%{filter:brightness(1.3) drop-shadow(0 0 40px currentColor)}}.battle-result-message{font-size:1.1rem;color:#ecf0f1;margin-bottom:25px;line-height:1.5;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.5)}.battle-result-stats{background:#0000004d;border-radius:10px;padding:15px;margin:15px 0;border:1px solid rgba(255,215,0,.3)}.battle-result-stats-title{margin-bottom:10px;font-size:.9rem;color:#ecf0f1;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:8px;font-weight:700}.battle-result-stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;margin:4px 0;background:#ffffff0d;border-radius:5px;font-size:.85rem;color:#fff}.battle-result-stat-row.final{border-top:1px solid rgba(255,215,0,.3);margin-top:8px;padding-top:10px;font-weight:700;font-size:.9rem}.stat-label{text-align:left;opacity:.9;color:#bdc3c7;font-weight:400;font-size:.8rem}.stat-value{font-weight:700;color:gold;font-size:.9rem}.battle-result-close-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:12px 35px;font-size:1.1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 15px #e74c3c66;margin-top:15px}.battle-result-close-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e74c3c99;background:linear-gradient(135deg,#c0392b,#e74c3c)}.battle-result-close-btn:active{transform:translateY(-1px)}.battle-result-close-btn i{margin-right:10px}.battle-result-countdown{margin-top:20px;font-size:14px;color:gold;font-family:Cinzel,serif;text-align:center;opacity:.8;font-weight:500}.battle-result-modal.result-victory .battle-result-close-btn,.battle-result-modal.result-defeat .battle-result-close-btn,.battle-result-modal.result-draw .battle-result-close-btn{color:#fff}.draggable-dice{position:absolute;width:60px;height:60px;border-radius:10px;border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #0000004d;cursor:grab;-webkit-user-select:none;user-select:none;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.draggable-dice:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006;border-color:#fff9}.draggable-dice.dragging{cursor:grabbing;transform:scale(1.1);box-shadow:0 8px 24px #00000080;z-index:60}.dice-value{background:transparent!important;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1;display:flex;align-items:center;justify-content:center}.draggable-dice .dice-value{width:60px!important}.dice-controls{position:absolute;bottom:2px;display:flex;gap:2px;opacity:0;transition:opacity .2s ease;pointer-events:none}.draggable-dice:hover .dice-controls{opacity:1;pointer-events:all}.dice-btn{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.6);background:#0009;color:#fff;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.dice-btn:hover{background:#000c;transform:scale(1.1)}.dice-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.dice-btn-increment{border-color:#4caf50;color:#4caf50}.dice-btn-increment:hover{background:#4caf504d}.dice-btn-decrement{border-color:#ffa726;color:#ffa726}.dice-btn-decrement:hover{background:#ffa7264d}.dice-btn-remove{border-color:#f44336;color:#f44336}.dice-btn-remove:hover{background:#f443364d}@media (max-width: 768px){.draggable-dice{width:60px;height:60px}.dice-value{font-size:1.5rem}.dice-btn{width:18px;height:18px;font-size:.6rem}}.draggable-counter{position:absolute;width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #0000004d;cursor:grab;-webkit-user-select:none;user-select:none;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.draggable-counter:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006;border-color:#ffffffb3}.draggable-counter.dragging{cursor:grabbing;transform:scale(1.15);box-shadow:0 8px 24px #00000080;z-index:60}.counter-label{font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:.3px;line-height:1}.counter-controls{position:absolute;bottom:2px;display:flex;gap:2px;opacity:0;transition:opacity .2s ease;pointer-events:none}.draggable-counter:hover .counter-controls{opacity:1;pointer-events:all}.counter-btn{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.6);background:#0009;color:#fff;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.counters-grid .counter-btn{width:60px;height:60px;font-size:.85rem}.counter-btn:hover{background:#000c;transform:scale(1.1)}.counter-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.counter-btn-increment{border-color:#4caf50;color:#4caf50}.counter-btn-increment:hover{background:#4caf504d}.counter-btn-decrement{border-color:#ffa726;color:#ffa726}.counter-btn-decrement:hover{background:#ffa7264d}.counter-btn-remove{border-color:#f44336;color:#f44336}.counter-btn-remove:hover{background:#f443364d}.counter-remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#f44336e6;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;pointer-events:none;padding:0}.draggable-counter:hover .counter-remove-btn{opacity:1;pointer-events:all}.counter-remove-btn:hover{background:#f44336;transform:scale(1.1)}@media (max-width: 768px){.draggable-counter{width:55px;height:55px}.counter-label{font-size:1rem}.counter-remove-btn{width:20px;height:20px;font-size:.65rem}}.interaction-lines-svg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100500}.interaction-line-path{filter:url(#glow);opacity:.9;stroke-dasharray:20 20;animation:energy-flow 1s linear infinite,pulse-opacity 2s ease-in-out infinite}@keyframes energy-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:40}}@keyframes energy-flow-reverse{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.interaction-line-path.opponent-line{animation:energy-flow-reverse 1s linear infinite,pulse-opacity 2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.7}50%{opacity:1}}.interaction-line-number{position:fixed;width:28px;height:28px;background:radial-gradient(circle,#d4af37f2,#b8860bf2);border:2px solid #ffd700;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(255,215,0,.8),0 2px 4px rgba(0,0,0,.8);box-shadow:0 0 15px #ffd70099,0 4px 8px #00000080,inset 0 1px #ffffff4d;pointer-events:none;z-index:100501;animation:number-pulse 2s ease-in-out infinite}@keyframes number-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-interaction-target{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080,inset 0 0 15px #ffd7004d!important;animation:target-pulse 1.5s ease-in-out infinite}@keyframes target-pulse{0%,to{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70080,inset 0 0 15px #ffd7004d}50%{box-shadow:0 0 30px gold,0 0 60px #ffd700b3,inset 0 0 25px #ffd70080}}.expression-bar{position:fixed;left:280px;bottom:20px;z-index:850}.expression-semicircle{display:flex;flex-direction:column;gap:8px;padding:10px;background:#14141ef2;border:2px solid rgba(102,126,234,.5);border-radius:30px;box-shadow:0 4px 16px #0006}.expression-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;font-size:1.3rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.expression-btn:hover{transform:translate(3px) scale(1.1);border-color:#ffffff80;background:linear-gradient(135deg,#667eea99,#764ba299);box-shadow:0 6px 20px #667eea80}.expression-btn:hover .expression-tooltip{opacity:1;transform:translateY(-50%) translate(20px)}.expression-btn.active{animation:expressionPulse .5s ease;background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes expressionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.expression-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(15px);background:#000000e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;font-weight:500;box-shadow:0 4px 8px #0000004d;margin-left:10px}.expression-tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#000000e6}.expression-btn.wait:hover{background:linear-gradient(135deg,#ffc10799,#ff980099);border-color:#ffc107cc}.expression-btn.pass:hover{background:linear-gradient(135deg,#2196f399,#0d47a199);border-color:#2196f3cc}.expression-btn.respond:hover{background:linear-gradient(135deg,#f4433699,#b71c1c99);border-color:#f44336cc}.expression-btn.resolve:hover{background:linear-gradient(135deg,#4caf5099,#388e3c99);border-color:#4caf50cc}.expression-btn.reveal:hover{background:linear-gradient(135deg,#9c27b099,#7b1fa299);border-color:#9c27b0cc}.chat-container.hidden~.expression-bar{left:90px}.chat-container{position:fixed;left:20px;bottom:20px;width:250px;height:400px;background:#14141ef2;border:2px solid rgba(102,126,234,.5);border-radius:12px;display:flex;flex-direction:column;z-index:900;box-shadow:0 8px 32px #0009}.chat-header{padding:12px 15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:space-between}.chat-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.chat-close-btn:hover{transform:scale(1.1)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:280px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#667eeacc}.chat-message{padding:8px 12px;border-radius:8px;max-width:85%;word-wrap:break-word;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.player{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.chat-message.opponent{background:#ffffff1a;color:#fff;align-self:flex-start;border-bottom-left-radius:2px}.chat-message.system{background:#f1c40f33;color:#f1c40f;align-self:center;font-size:.85rem;font-style:italic;text-align:center}.chat-message .sender{font-size:.75rem;opacity:.8;margin-bottom:3px}.chat-input-container{padding:10px;background:#0000004d;border-radius:0 0 10px 10px;display:flex;gap:6px}.chat-input{flex:1;padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.85rem;min-width:0}.chat-input:focus{outline:none;border-color:#667eea}.chat-send-btn{padding:6px 10px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;width:40px;height:32px;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.voice-chat-btn{padding:6px 10px;background:linear-gradient(135deg,#34a853,#2d8e47);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0;width:40px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;animation:pulse-green 1.5s ease-in-out infinite}.voice-chat-btn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 4px 8px #34a8534d}.voice-chat-btn.muted{background:linear-gradient(135deg,#6c757d,#5a6268);animation:none}.voice-chat-btn.connecting{background:linear-gradient(135deg,#ffc107,#e0a800);animation:pulse-yellow 1s ease-in-out infinite}.voice-chat-btn.disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6;animation:none}@keyframes pulse-green{0%,to{opacity:1;box-shadow:0 0 #34a853b3}50%{opacity:.85;box-shadow:0 0 0 8px #34a85300}}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.6}}.chat-toggle{position:fixed;left:20px;bottom:20px;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:899;box-shadow:0 4px 12px #0006;transition:all .3s}.chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.chat-container.hidden{display:none}.chat-container.spectator-chat-container{width:287.5px}.chat-header.spectator-header{background:linear-gradient(135deg,#f39c12,#e67e22)}.chat-message.spectator{background:#f39c1233;color:#f39c12;align-self:flex-start;border-bottom-left-radius:2px}.chat-toggle.spectator-toggle{background:linear-gradient(135deg,#f39c12,#e67e22)}.chat-toggle.spectator-toggle:hover{box-shadow:0 6px 20px #f39c1299}.game-container{display:flex;min-height:100vh;padding:10px;gap:10px;overflow:visible}.game-container,.game-container *{scrollbar-width:none;-ms-overflow-style:none}.game-container::-webkit-scrollbar,.game-container *::-webkit-scrollbar{display:none}body:has(.game-container){overflow:auto;scrollbar-width:none;-ms-overflow-style:none}body:has(.game-container)::-webkit-scrollbar{display:none}.game-container.hidden{display:none}.sidebar{width:315px;background:linear-gradient(135deg,#1a1625f2,#0f0a1af2);border-radius:15px;padding:20px;overflow-y:auto;border:2px solid rgba(212,175,55,.4);box-shadow:0 10px 40px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;display:flex;flex-direction:column}.sidebar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#d4af37 0%,transparent 50%,#d4af37 100%);border-radius:15px;z-index:-1;opacity:.3;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.3}50%{opacity:.6}}.player-info{background:#0000004d;border-radius:12px;padding:15px;margin-bottom:20px;border:1px solid rgba(212,175,55,.3);max-height:fit-content}.player-name{font-size:1.2rem;font-weight:700;color:#f4e4c1;margin-bottom:10px;display:flex;align-items:center;gap:8px}.player-name i{color:#d4af37}.game-timer{display:flex;align-items:center;gap:8px;color:#95a5a6;font-size:1rem;margin-bottom:8px}.game-timer i{color:#3498db}.deck-name{display:flex;align-items:center;gap:8px;color:#95a5a6;font-size:.95rem}.deck-name i{color:#9b59b6}.turn-indicator{background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#4a4a4a,#2c2c2c,#1a1a1a);background-size:200% 200%;animation:fireStone 4s ease-in-out infinite;padding:15px;border-radius:10px;text-align:center;font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:20px;box-shadow:0 4px 15px #d4af3766;text-shadow:0 2px 4px rgba(0,0,0,.8)}@keyframes fireStone{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.spectator-sidebar-content{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.spectator-back-btn{background:linear-gradient(135deg,#6c757d,#495057)!important;border:2px solid rgba(108,117,125,.5)!important}.spectator-back-btn:hover{background:linear-gradient(135deg,#5a6268,#343a40)!important;transform:translateY(-2px);box-shadow:0 4px 15px #6c757d66}.actions{display:flex;flex-direction:column;gap:10px}.action-btn{background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:2px solid rgba(212,175,55,.3);color:#fff;padding:12px 15px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(212,175,55,.2) 50%,transparent 60%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.action-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2e6,#667eeae6);border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn i{font-size:1.1rem}.action-btn.end-battle-btn{background:linear-gradient(135deg,#e74c3ccc,#c0392bcc);border-color:#e74c3c66}.action-btn.end-battle-btn:hover{background:linear-gradient(135deg,#c0392be6,#e74c3ce6);border-color:#e74c3cb3;box-shadow:0 6px 20px #e74c3c80}.action-btn-icon{border:2px solid rgba(212,175,55,.3);color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.action-btn-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shimmer 3s infinite}.action-btn-icon:hover{border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 6px 20px #0006;filter:brightness(1.2)}.action-btn-icon:active{transform:translateY(0)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#f4e4c1,#d4af37);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4e4c1,#d4af37,#f4e4c1)}.game-board{flex:0 0 82%;max-width:82%;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.player-field{flex:1;background:#0f3460;border-radius:10px;padding:15px;position:relative;z-index:2;display:grid;grid-template-columns:150px 1fr 150px;grid-template-rows:160px 160px 160px;gap:10px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:visible}.opponent-field{transform:rotate(180deg);overflow:visible}.zone-mano[data-player=opponent]{position:absolute!important;top:-10%;left:53%;transform:translate(-50%) rotate(180deg);width:auto;min-width:200px;max-width:95%;height:fit-content;min-height:auto;background:#000c;border:2px solid rgba(234,102,102,.5);border-bottom:none;border-radius:15px 15px 0 0;padding:0 15px 10px;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:5px;overflow:visible;z-index:50;transition:all .3s ease}.zone-mano[data-player=opponent]:hover{top:0!important;transform:translate(-50%) rotate(180deg)!important}.zone-mano[data-player=opponent] .card{width:76px;height:110px;flex-shrink:0}.zone-mano[data-player=opponent] .hand-cards{padding:5px;gap:5px}#opponent-field .card:not(.token-card){pointer-events:auto!important;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white" stroke="black" stroke-width="1"><path d="M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7z"/><circle cx="12" cy="12" r="3"/></svg>') 12 12,pointer!important;transition:all .2s ease}#opponent-field .zone-combate .card:hover,#opponent-field .zone-formacion .card:hover,#opponent-field .zone-tesoros .card:hover{transform:scale(1.05)!important;box-shadow:0 0 20px #667eeacc!important;z-index:100!important}#opponent-field .zone[data-zone=reino] .card,#opponent-field .zone[data-zone=vault] .card,#opponent-field .zone-mano[data-player=opponent] .card:not([data-card-image]){pointer-events:none!important;cursor:default!important}#opponent-field .token-card{pointer-events:auto!important;cursor:pointer!important}#opponent-field .zone{pointer-events:auto!important}.zone{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:5px;position:relative;min-height:60px}.zone-reino,.zone-boveda,.zone-cementerio,.zone-averno{display:flex;align-items:center;justify-content:center;position:relative}.zone-reino,.zone-boveda{transition:none;overflow:visible}.zone-cementerio,.zone-averno{cursor:pointer;transition:all .3s}.zone-cementerio:hover,.zone-averno:hover{background:#ffffff1a;border-color:#fff6}.zone-label{position:absolute;top:5px;left:5px;font-size:.8rem;font-weight:700;color:#fff9;z-index:1}.deck-counter{position:absolute;top:5px;right:-10px;background:#000c;color:gold;font-size:1.2rem;font-weight:700;padding:5px 10px;border-radius:8px;border:2px solid #ffd700;z-index:44;box-shadow:0 2px 8px #00000080;min-width:35px;text-align:center}.zone-combate{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(10,103px);grid-template-rows:150px;gap:4px;justify-content:center;align-content:center;padding:10px;overflow:visible}.zone-formacion{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(10,103px);grid-template-rows:150px;gap:4px;justify-content:center;align-content:center;padding:10px;overflow:visible}.zone-tesoros{grid-column:2;grid-row:3;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 10px 5px 60px;overflow:visible;position:relative;min-height:160px;max-height:160px}.zone-mano{position:fixed!important;bottom:0;left:57%;transform:translate(-57%) translateY(50%);width:auto;min-width:200px;max-width:95vw;min-height:130px;background:#000c;border:2px solid rgba(102,126,234,.5);border-bottom:none;border-radius:15px 15px 0 0;padding:10px 15px 0;display:flex;align-items:flex-end;justify-content:center;gap:8px;overflow:visible;z-index:1000;transition:transform .3s ease}.zone-mano:hover,.zone-mano.menu-open{transform:translate(-57%) translateY(0)!important}.reveal-hand-btn-circle{position:absolute;top:-17px;right:-19px;width:42px;height:42px;border-radius:50%;border:2px solid rgba(39,174,96,.8);background:linear-gradient(135deg,#27ae60e6,#229954e6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease;z-index:10;box-shadow:0 0 12px #27ae6099,0 0 20px #27ae604d;animation:glow-green 2s ease-in-out infinite}@keyframes glow-green{0%,to{box-shadow:0 0 12px #27ae6099,0 0 20px #27ae604d}50%{box-shadow:0 0 18px #27ae60cc,0 0 30px #27ae6080}}.reveal-hand-btn-circle:hover{transform:scale(1.15);box-shadow:0 0 20px #27ae60e6,0 0 35px #27ae6099;border-color:#27ae60}.reveal-hand-btn-circle.revealing{background:linear-gradient(135deg,#e74c3ce6,#c0392be6);border-color:#e74c3ccc;box-shadow:0 0 12px #e74c3c99,0 0 20px #e74c3c4d;animation:glow-red 2s ease-in-out infinite}@keyframes glow-red{0%,to{box-shadow:0 0 12px #e74c3c99,0 0 20px #e74c3c4d}50%{box-shadow:0 0 18px #e74c3ccc,0 0 30px #e74c3c80}}.reveal-hand-btn-circle.revealing:hover{box-shadow:0 0 20px #e74c3ce6,0 0 35px #e74c3c99;border-color:#e74c3c}.reveal-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000f2,#1e1e1ef2);color:#fff;padding:8px 14px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;border:1px solid rgba(255,215,0,.4);box-shadow:0 4px 15px #0006,0 0 10px #ffd70033;z-index:1000}.reveal-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2}.reveal-hand-btn-circle:hover .reveal-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 14px)}.hand-cards{display:flex;justify-content:center;align-items:center;gap:5px;padding:10px;width:100%}.zone-mano .card.hand-card{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.zone-mano .card.hand-card:hover{transform:translateY(-20px)!important;box-shadow:0 5px 30px #667eeacc;z-index:10}.empty-hand-message{color:#ffffff80;font-size:1rem;font-style:italic;padding:20px;text-align:center;width:100%}.zone-boveda{grid-column:1!important;grid-row:3!important;position:relative}.zone[data-zone=vault]{grid-column:1!important;grid-row:3!important}.zone-reino{grid-column:3;grid-row:2}.zone-cementerio{grid-column:3;grid-row:1}.zone-averno{grid-column:3;grid-row:3}#opponent-field .zone-cementerio,#opponent-field .zone-averno{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white" stroke="black" stroke-width="1"><path d="M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7z"/><circle cx="12" cy="12" r="3"/></svg>') 12 12,pointer;pointer-events:auto;transition:all .3s ease}#opponent-field .zone-cementerio:hover,#opponent-field .zone-averno:hover{background:#667eea33!important;border-color:#667eeacc!important;box-shadow:0 0 20px #667eea80!important;transform:scale(1.05)}.treasure-chest-overlay{grid-column:1;grid-row:2;width:90%;height:90%;border:3px dashed #ffd700;border-radius:10px;background:#ffd70014;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s ease;animation:golden-pulse 2.5s ease-in-out infinite;margin:auto;position:relative}.treasure-chest-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 10px #ffd700)}@keyframes golden-pulse{0%,to{box-shadow:0 0 15px #ffd70099,inset 0 0 15px #ffd70033;border-color:gold;background:#ffd70014}50%{box-shadow:0 0 30px #ffed4ee6,inset 0 0 25px #ffd70066;border-color:#ffed4e;background:#ffd70026}}.treasure-chest-icon{font-size:2.5rem;color:gold;filter:drop-shadow(0 0 10px #ffd700);animation:treasure-shine 3s ease-in-out infinite}@keyframes treasure-shine{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 18px #ffed4e) drop-shadow(0 0 5px #ffd700);transform:scale(1.08)}}.treasure-chest-overlay:hover{transform:scale(1.1);border-width:4px;animation:golden-pulse 1.5s ease-in-out infinite}.spectator-player-info,.spectator-opponent-info{grid-column:1;grid-row:2;width:90%;height:90%;display:flex;align-items:center;justify-content:center;z-index:5;margin:auto;padding:10px}.spectator-player-content{display:flex;flex-direction:row;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:center}.spectator-player-avatar-container{flex-shrink:0}.spectator-player-avatar{width:50px;height:50px;border-radius:50%;border:3px solid #ffd700;object-fit:cover;box-shadow:0 2px 8px #00000080;display:block}.spectator-player-initial{width:50px;height:50px;border-radius:50%;border:3px solid #ffd700;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 2px 8px #00000080}.spectator-player-username{color:#fff;font-size:.95rem;font-weight:700;text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.kingdom-search-icon{padding:9px 5px;position:absolute;top:5px;left:22px;width:38px;background:#000c;border:2px solid #ffd700;border-radius:25%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:44;box-shadow:0 2px 8px #00000080;transition:all .3s ease}.kingdom-search-icon:hover{transform:scale(1.15);box-shadow:0 4px 12px #ffd70099;border-color:#ffed4e}.kingdom-search-icon i{color:gold;font-size:.85rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.deck-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:transparent}.deck-menu{background:linear-gradient(135deg,#1a1625fa,#0f0a1afa);border:2px solid rgba(212,175,55,.6);border-radius:8px;box-shadow:0 10px 30px #000c;overflow:hidden;min-width:180px}.deck-menu-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:none;border-bottom:1px solid rgba(212,175,55,.2);color:#f4e4c1;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.deck-menu-item:last-child{border-bottom:none}.deck-menu-item:hover{background:#d4af3733;color:#d4af37}.deck-menu-item i{font-size:1rem;width:20px;text-align:center}.vault-life-control{position:absolute;top:10px;left:10px;width:auto;display:flex;flex-direction:row;align-items:center;gap:8px;background:#000000e6;padding:8px 12px;border-radius:8px;border:2px solid rgba(102,126,234,.5);z-index:100;box-shadow:0 2px 10px #000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.opponent-life-vault{background:#8b0000e6;border-color:#8b0000}.player-life-vault{background:#006400e6;border-color:#006400}.vault-life-label{font-size:.95rem;font-weight:700;color:#fff;margin-right:auto;white-space:nowrap}.vault-life-input{width:60px;height:36px;background:#00000080;border:2px solid #667eea;border-radius:6px;color:#fff;font-size:1.2rem;font-weight:700;text-align:center;padding:0;margin:0}.vault-life-input:focus{outline:none;border-color:#f39c12}.vault-life-btn{width:36px;height:36px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;position:relative;overflow:hidden}.vault-life-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(212,175,55,.2) 50%,transparent 60%);animation:shimmer 3s infinite}.vault-life-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #d4af3780;border-color:#d4af3799}.vault-life-btn.minus{background:linear-gradient(135deg,#e74c3ccc,#c0392bcc)}.vault-life-btn.minus:hover{box-shadow:0 6px 20px #e74c3c80}.vault-life-btn.plus{background:linear-gradient(135deg,#2ecc71cc,#27ae60cc)}.vault-life-btn.plus:hover{box-shadow:0 6px 20px #2ecc7180}.quick-action-buttons{position:absolute;top:75px;left:10px;display:flex;flex-direction:row;gap:6px;z-index:100}.quick-action-btn{width:40px;height:40px;border-radius:8px;border:2px solid rgba(212,175,55,.4);color:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:visible;box-shadow:0 2px 10px #00000080}.quick-action-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(212,175,55,.15) 50%,transparent 60%);animation:shimmer 3s infinite}.quick-action-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #d4af3766;border-color:#d4af37b3}.quick-action-btn.reset-btn{background:linear-gradient(135deg,#3498dbe6,#2980b9e6)}.quick-action-btn.reset-btn:hover{box-shadow:0 6px 20px #3498db99}.quick-action-btn.pass-btn{background:linear-gradient(135deg,#2ecc71e6,#27ae60e6)}.quick-action-btn.pass-btn.active-pulse{animation:greenPulse 2s ease-in-out infinite;box-shadow:0 0 20px #2ecc71cc}@keyframes greenPulse{0%,to{box-shadow:0 0 20px #2ecc71cc,0 0 30px #2ecc7166;transform:scale(1)}50%{box-shadow:0 0 30px #2ecc71,0 0 50px #2ecc7199;transform:scale(1.05)}}.quick-action-btn.pass-btn:hover{box-shadow:0 6px 20px #2ecc7199}.quick-action-btn.pass-btn.disabled{background:linear-gradient(135deg,#646464b3,#505050b3);cursor:not-allowed;opacity:.6;border-color:#64646466}.quick-action-btn.pass-btn.disabled:hover{transform:none;box-shadow:0 2px 10px #00000080}.quick-action-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000000f2,#1e1e1ef2);color:#fff;padding:8px 14px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;border:1px solid rgba(255,215,0,.4);box-shadow:0 4px 15px #0006,0 0 10px #ffd70033;z-index:1000}.quick-action-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2}.quick-action-btn:hover .quick-action-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 14px)}.treasure-slot,.combat-slot,.formation-slot{width:103px;height:150px;background:transparent;border:none;border-radius:8px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:all .3s;flex-shrink:0;overflow:visible}.treasure-slot{top:-7px}.treasure-slot.occupied,.combat-slot.occupied,.formation-slot.occupied{background:transparent;border:none}.treasure-slot.drag-over,.combat-slot.drag-over,.formation-slot.drag-over{background:#3498db4d;border:2px solid rgba(52,152,219,.8);box-shadow:0 0 20px #3498db99;transform:scale(1.05)}.card{width:103px;height:150px;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:8px;cursor:grab;position:absolute;display:flex;align-items:center;justify-content:center;font-size:.7rem;text-align:center;padding:0;box-shadow:0 4px 8px #0000004d;transition:transform .3s ease;transform-origin:center center;z-index:5}#player-field .card:not(.opponent-card),.zone[data-player=player] .card:not(.opponent-card){cursor:pointer}#player-field .card.dragging,.zone[data-player=player] .card.dragging{cursor:grabbing}.card:hover{z-index:50}.card.dragging{opacity:.8;z-index:9999!important;cursor:grabbing;position:relative}.card.hand-card{width:103px;height:150px;flex-shrink:0;position:relative}.card.token-card{width:103px!important;height:150px!important}.card.pile-card{width:103px;height:150px;cursor:pointer;position:absolute!important;left:50%;top:50%}.card.pile-card.top-card:hover{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099,0 0 60px #ffd70066;filter:brightness(1.2);z-index:100!important;cursor:pointer;animation:goldenGlow 1.5s ease-in-out infinite}@keyframes goldenGlow{0%,to{box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099,0 0 60px #ffd70066}50%{box-shadow:0 0 30px gold,0 0 60px #ffd700cc,0 0 80px #ffd70099}}.card.pile-card:not(.top-card){pointer-events:none}.card img{width:100%;height:100%;object-fit:cover;border-radius:6px}.equipped-card{opacity:.5!important;filter:grayscale(70%)!important;pointer-events:auto!important;cursor:context-menu!important;box-shadow:0 0 8px #f39c1299!important;border:2px solid rgba(243,156,18,.4)!important}.equipped-card:hover{opacity:.7!important;box-shadow:0 0 12px #f39c12e6!important;border-color:#f39c12cc!important}.naturalized-card{filter:grayscale(80%) brightness(.85)!important;opacity:.9!important;border:2px solid rgba(76,175,80,.5)!important;box-shadow:0 0 10px #4caf5066!important}.naturalized-card:hover{filter:grayscale(60%) brightness(.95)!important;opacity:1!important;box-shadow:0 0 15px #4caf5099!important}.ceded-card{border:3px solid rgba(220,53,69,.8)!important;box-shadow:0 0 20px #dc3545b3,inset 0 0 15px #dc35454d!important;animation:cedePulse 2s ease-in-out infinite!important}.ceded-card:hover{box-shadow:0 0 30px #dc3545e6,inset 0 0 20px #dc354566!important}@keyframes cedePulse{0%,to{box-shadow:0 0 20px #dc3545b3,inset 0 0 15px #dc35454d}50%{box-shadow:0 0 30px #dc3545e6,inset 0 0 25px #dc354580}}.equipment-indicator{width:40%;position:absolute;bottom:-1px;left:0;display:flex;gap:2px;z-index:10;pointer-events:none}[data-player=opponent] .equipment-indicator{transform:rotate(180deg);bottom:93px;right:0;left:auto}.equipment-indicator img{width:20px;height:20px;border-radius:3px;border:1px solid #f39c12;box-shadow:0 0 5px #f39c12cc}.has-equipment{position:relative!important;z-index:2!important}.token-quantity-badge{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;cursor:pointer;pointer-events:auto;z-index:15;box-shadow:0 2px 8px #0006;-webkit-user-select:none;user-select:none;transition:all .2s ease}.token-quantity-badge:hover{transform:scale(1.15);box-shadow:0 4px 12px #667eea99}.token-quantity-badge.hidden{display:none}#opponent-field .token-quantity-badge{top:auto;right:auto;bottom:0;left:0}.card-preview-tooltip{position:fixed;width:250px;height:350px;background:#14141efa;border:3px solid #667eea;border-radius:12px;box-shadow:0 8px 32px #000c,0 0 20px #667eea80;z-index:100000;pointer-events:none;opacity:0;transition:opacity .2s ease;overflow:hidden}.card-preview-tooltip.show{opacity:1}.card-preview-tooltip img{width:100%;height:100%;object-fit:contain}#interaction-lines-svg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100500}.field-zones{display:flex;gap:10px;height:100%;align-items:stretch}.pile-zones-container{display:flex;flex-direction:column;gap:8px;width:150px}.slot-zones-container{flex:1;display:flex;flex-direction:column;gap:8px}.player-panel-container{width:150px}.slot{width:103px;height:150px;border:2px solid transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;background:transparent;cursor:default}.slot-available{border-color:#4a90e2cc!important;background:#4a90e226!important;cursor:pointer!important;box-shadow:0 0 15px #4a90e299}.slot-available:hover{border-color:#4a90e2!important;background:#4a90e240!important;transform:scale(1.05);box-shadow:0 0 20px #4a90e2cc}.slot-occupied{border-style:solid;border-color:transparent}.slot-interaction-target{border-color:#ffd700e6!important;box-shadow:0 0 20px #ffd700b3,inset 0 0 15px #ffd7004d;cursor:pointer!important;animation:pulse-golden 1.5s ease-in-out infinite}@keyframes pulse-golden{0%,to{box-shadow:0 0 20px #ffd700b3,inset 0 0 15px #ffd7004d}50%{box-shadow:0 0 30px gold,inset 0 0 20px #ffd70080}}.zone-tesoros .slot{position:relative}.zone-tesoros .slot:not(:first-child){margin-left:-36px}@media screen and (max-width: 1024px){body{overflow-x:auto;overflow-y:auto}.game-container{min-width:fit-content;width:auto;max-width:none;padding:5px;gap:5px;overflow-x:visible;overflow-y:visible}.sidebar{width:280px;flex-shrink:0}.game-board{flex:1 1 auto;min-width:600px}.player-field{grid-template-columns:110px 1fr 110px;grid-template-rows:130px 130px 130px;gap:8px;padding:10px}.zone-mano[data-player=opponent]{top:-13%;left:50%;transform:translate(-50%) rotate(180deg);width:95%;max-width:95%;padding:0 10px 8px}.zone-mano[data-player=opponent] .card{width:60px;height:88px}}@media screen and (max-width: 768px){.sidebar{width:250px}.game-board{min-width:500px}.player-field{grid-template-columns:90px 1fr 90px;grid-template-rows:110px 110px 110px;gap:6px;padding:8px}.zone-mano[data-player=opponent]{top:-13%;left:50%}.zone-mano[data-player=opponent] .card{width:50px;height:73px}}@media screen and (max-width: 480px){.sidebar{width:220px}.game-board{min-width:450px}.game-container{padding:2px;gap:2px}.player-field{grid-template-columns:75px 1fr 75px;grid-template-rows:95px 95px 95px;gap:5px;padding:5px}.zone-mano[data-player=opponent]{top:-13%;left:50%;padding:0 5px 5px}.zone-mano[data-player=opponent] .card{width:45px;height:66px}}.game-intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);pointer-events:none}.game-intro-overlay.transparent{background:transparent}.intro-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;padding:2rem;pointer-events:auto}.intro-iniciando{color:gold}.intro-swords-icon{font-size:8rem;filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}.intro-title{font-size:4rem;font-weight:900;letter-spacing:.3rem;text-transform:uppercase;background:linear-gradient(45deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.intro-preparados{color:#fff}.intro-title-big{font-size:5rem;font-weight:900;letter-spacing:.5rem;text-transform:uppercase;background:linear-gradient(45deg,#ff4500,tomato,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.intro-vs-decks{display:flex;align-items:center;gap:3rem;margin:2rem 0}.intro-deck-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:2rem 3rem;min-width:250px;box-shadow:0 10px 30px #00000080}.intro-deck-name{font-size:1.8rem;font-weight:700;color:gold;margin-bottom:.5rem}.intro-player-name{font-size:1.2rem;color:#aaa}.intro-vs{font-size:4rem;font-weight:900;color:#ff4500;text-shadow:0 0 20px rgba(255,69,0,.8)}.intro-loading-spinner{font-size:3rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.intro-subtext{font-size:1.5rem;color:#ccc;font-style:italic}.intro-fadeout{background:transparent}.intro-robando{color:#fff}.intro-cards-icon{font-size:6rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.8))}.intro-message{font-size:3.5rem;font-weight:700;color:#4ecdc4;margin:0;text-shadow:0 0 30px rgba(78,205,196,.8)}.intro-submessage{font-size:1.8rem;color:#aaa;margin:0}.intro-empiecen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#0f0;padding:0}.intro-title-huge{font-size:7rem;font-weight:900;letter-spacing:1rem;text-transform:uppercase;background:linear-gradient(45deg,#0f0,#7fff00,#0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 40px rgba(0,255,0,1));animation:pulse-glow .5s infinite alternate}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 40px rgba(0,255,0,1))}to{filter:drop-shadow(0 0 80px rgba(0,255,0,1))}}@media (max-width: 768px){.intro-title{font-size:2.5rem;letter-spacing:.1rem}.intro-title-big{font-size:3rem;letter-spacing:.2rem}.intro-title-huge{font-size:4rem;letter-spacing:.3rem}.intro-swords-icon{font-size:5rem}.intro-vs-decks{flex-direction:column;gap:1.5rem}.intro-deck-card{min-width:200px;padding:1.5rem 2rem}.intro-vs{font-size:3rem}}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.report-modal{background-color:#1a1a2e;border:2px solid #4a5568;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #4a5568}.report-modal-header h2{margin:0;color:#f7fafc;font-size:24px;font-weight:600}.report-modal-close{background:none;border:none;color:#cbd5e0;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.report-modal-close:hover:not(:disabled){background-color:#2d3748;color:#fff}.report-modal-close:disabled{opacity:.5;cursor:not-allowed}.report-modal-form{padding:20px}.report-modal-field{margin-bottom:20px}.report-modal-field label{display:block;margin-bottom:8px;color:#e2e8f0;font-weight:500;font-size:14px}.report-modal-required{color:#fc8181;margin-left:4px}.report-modal-select,.report-modal-textarea{width:100%;padding:12px;background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#f7fafc;font-size:14px;font-family:inherit;transition:border-color .2s}.report-modal-select:focus,.report-modal-textarea:focus{outline:none;border-color:#4299e1}.report-modal-select:disabled,.report-modal-textarea:disabled{opacity:.6;cursor:not-allowed}.report-modal-textarea{resize:vertical;min-height:120px}.report-modal-help{display:block;margin-top:6px;color:#a0aec0;font-size:12px}.report-modal-error{padding:12px;background-color:#fc81811a;border:1px solid #fc8181;border-radius:6px;color:#fc8181;font-size:14px;margin-bottom:16px}.report-modal-info{padding:12px;background-color:#4299e11a;border:1px solid #4299e1;border-radius:6px;color:#90cdf4;font-size:13px;margin-bottom:20px}.report-modal-actions{display:flex;gap:12px;justify-content:flex-end}.report-modal-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.report-modal-btn-cancel{background-color:#4a5568;color:#e2e8f0}.report-modal-btn-cancel:hover:not(:disabled){background-color:#5a6578}.report-modal-btn-submit{background-color:#4299e1;color:#fff}.report-modal-btn-submit:hover:not(:disabled){background-color:#3182ce}.report-modal-btn:disabled{opacity:.5;cursor:not-allowed}.report-modal::-webkit-scrollbar{width:8px}.report-modal::-webkit-scrollbar-track{background-color:#2d3748}.report-modal::-webkit-scrollbar-thumb{background-color:#4a5568;border-radius:4px}.report-modal::-webkit-scrollbar-thumb:hover{background-color:#5a6578}.report-button{position:fixed;top:20px;left:20px;padding:12px;background-color:#ed8936;color:#fff;border:2px solid #dd6b20;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #ed89364d;transition:all .2s;z-index:9999;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.report-button:hover{background-color:#dd6b20;transform:translateY(-2px);box-shadow:0 6px 16px #ed893666}.report-button:active{transform:translateY(0);box-shadow:0 2px 8px #ed89364d}@media (max-width: 768px){.report-button{top:10px;left:10px;width:44px;height:44px;font-size:16px}}.reconnection-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:10000;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #0000004d;animation:slideDown .3s ease-out;min-width:300px;max-width:500px}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reconnection-banner.warning{background:linear-gradient(135deg,#f39c12,#e67e22);border:2px solid #d68910}.reconnection-banner.error{background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #a93226}.reconnection-banner.success{background:linear-gradient(135deg,#28a745,#218838);border:2px solid #1e7e34}.reconnection-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.reconnection-message{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);flex:1}.reconnection-actions{display:flex;gap:8px}.reconnection-retry-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reconnection-retry-btn:hover{background:#ffffff4d;transform:scale(1.05)}.reconnection-retry-btn:active{transform:scale(.95)}.reconnection-lobby-btn{background:#ffffffe6;border:1px solid rgba(255,255,255,1);color:#333;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reconnection-lobby-btn:hover{background:#fff;transform:scale(1.05)}.reconnection-lobby-btn:active{transform:scale(.95)}@media (max-width: 768px){.reconnection-banner{top:60px;min-width:250px;max-width:90vw;padding:12px 16px}.reconnection-message{font-size:.9rem}.reconnection-retry-btn{font-size:.85rem;padding:6px 12px}}._gamePage_1kpy2_3{width:100%;min-height:100vh;position:relative;background:linear-gradient(180deg,#1a1625,#0f0a1a)}._error_1kpy2_10{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;text-align:center;padding:20px}._error_1kpy2_10 h2{font-size:32px;margin-bottom:16px}._error_1kpy2_10 p{font-size:18px;color:#aaa}._modalOverlay_1kpy2_33{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:_fadeIn_1kpy2_1 .2s ease-out}@keyframes _fadeIn_1kpy2_1{0%{opacity:0}to{opacity:1}}._turnEndModal_1kpy2_56{background:linear-gradient(135deg,#1a1625,#2d2640);border-radius:16px;padding:0;width:90%;max-width:450px;box-shadow:0 10px 40px #00000080;border:2px solid rgba(46,204,113,.3);animation:_slideUp_1kpy2_1 .3s ease-out}@keyframes _slideUp_1kpy2_1{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}._modalHeader_1kpy2_78{background:linear-gradient(135deg,#2ecc71,#27ae60);padding:20px;border-radius:14px 14px 0 0;display:flex;align-items:center;gap:12px;color:#fff}._modalHeader_1kpy2_78 i{font-size:24px;animation:_rotate_1kpy2_1 2s linear infinite}@keyframes _rotate_1kpy2_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._modalHeader_1kpy2_78 h3{margin:0;font-size:20px;font-weight:600}._modalBody_1kpy2_108{padding:30px 20px;text-align:center;color:#e0e0e0}._modalBody_1kpy2_108 p{margin:0 0 20px;font-size:16px}._spinner_1kpy2_119{width:50px;height:50px;margin:0 auto;border:4px solid rgba(46,204,113,.2);border-top-color:#2ecc71;border-radius:50%;animation:_spin_1kpy2_119 1s linear infinite}@keyframes _spin_1kpy2_119{to{transform:rotate(360deg)}}._modalActions_1kpy2_135{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}._btnClose_1kpy2_142{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}._btnClose_1kpy2_142:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.player-profile{min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);color:#fff;padding:20px;position:relative;overflow-x:hidden}.tribal-border{position:fixed;pointer-events:none;opacity:.1;z-index:0}.tribal-left{left:0;top:0;height:100%;width:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 800"><path d="M0,0 Q50,100 0,200 T0,400 T0,600 T0,800 L0,0 Z" fill="%23d4af37"/></svg>') repeat-y}.tribal-right{right:0;top:0;height:100%;width:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 800"><path d="M100,0 Q50,100 100,200 T100,400 T100,600 T100,800 L100,0 Z" fill="%23d4af37"/></svg>') repeat-y}.profile-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.profile-header{text-align:center;margin-bottom:30px;padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.header-top{display:flex;gap:15px;justify-content:center;align-items:center;margin-bottom:20px;flex-wrap:wrap}.profile-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#ff4500,#ff8c00,gold,#4a4a4a,#2c2c2c,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 10px rgba(212,175,55,.3);margin-bottom:10px;margin-top:0}.profile-subtitle{color:#d4af37cc;font-size:1.1rem;margin:0}.btn-back{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;white-space:nowrap}.profile-header .btn-back{position:inherit!important}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-dashboard{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e66}.btn-dashboard:hover{box-shadow:0 6px 20px #11998e99}@media screen and (max-width: 768px){.header-top{flex-direction:column;gap:10px}.btn-back{width:100%;max-width:300px}.profile-title{font-size:2rem}}.preview-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:15px;margin-bottom:30px;box-shadow:0 10px 40px #667eea66}.preview-section h3{margin-bottom:20px;font-size:1.5rem}.preview-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.preview-playmat h5,.preview-cardback h5{margin-bottom:15px;font-size:1.1rem}.playmat-preview-img{width:100%;height:300px;object-fit:cover;border-radius:10px;box-shadow:0 5px 20px #00000080}.preview-cardback{text-align:center}.cardback-preview-img{width:150px;height:210px;object-fit:cover;border-radius:10px;box-shadow:0 5px 20px #00000080}.tabs-nav{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid rgba(212,175,55,.3);padding-bottom:10px;flex-wrap:wrap}.tab-btn{padding:12px 20px;background:#1a1625cc;color:#d4af37;border:1px solid rgba(212,175,55,.2);border-radius:8px 8px 0 0;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#1a1625f2;border-color:#d4af3766}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea66}.tab-btn i{margin-right:8px}.tab-content{background:#1a1625cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;border:1px solid rgba(212,175,55,.2);min-height:500px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stat-card{background:#0f0a1ae6;border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:20px}.stat-card h5{color:#d4af37;margin-bottom:15px;font-size:1.2rem;border-bottom:2px solid rgba(212,175,55,.3);padding-bottom:10px}.stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.text-success{color:#38ef7d}.text-danger{color:#ff4757}.text-info{color:#5ea3d0}.text-warning{color:gold}.history-stats{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap;padding:20px;background:#667eea1a;border-radius:12px}.history-stat{flex:1;min-width:150px;text-align:center}.history-stat span{display:block;color:#d4af37cc;margin-bottom:5px;font-size:.9rem}.history-stat strong{font-size:1.5rem;display:block}.matches-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.match-card{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding:20px;background:#0f0a1ae6;border:1px solid rgba(212,175,55,.2);border-radius:12px;transition:transform .2s}.match-card:hover{transform:translate(5px);border-color:#d4af3766}.match-card.win{border-left:4px solid #38ef7d}.match-card.loss{border-left:4px solid #ff4757}.match-result{display:flex;flex-direction:column;align-items:center;gap:5px}.match-result i{font-size:2rem}.match-opponent{font-weight:600;font-size:1.1rem;margin-bottom:5px}.match-elo{color:#ffffffb3;font-size:.9rem}.match-meta{text-align:right;font-size:.85rem;color:#fff9}.match-duration{margin-bottom:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.pagination-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.pagination-info{font-weight:600;color:#d4af37}.cosmetics-grid{display:grid;gap:20px}.playmats-grid{grid-template-columns:repeat(3,1fr)}.cardbacks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.markers-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tokens-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cosmetic-card{background:#0f0a1ae6;border:3px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.cosmetic-card:hover:not(.locked){transform:translateY(-5px);box-shadow:0 4px 15px #d4af3766;border-color:#d4af374d}.cosmetic-card.selected{border-color:#667eea;box-shadow:0 0 20px #667eeab3}.cosmetic-card.locked{opacity:.6;cursor:not-allowed}.cosmetic-card.locked:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1;border-radius:inherit}.cosmetic-card.locked:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#d4af37;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.8)}.cosmetic-card img,.cosmetic-card .playmat-preview-video{width:100%;object-fit:cover}.cardback-card img{height:280px}.marker-card img{height:120px;object-fit:contain;padding:15px}.token-card img{object-fit:contain}.cosmetic-body{padding:15px}.cosmetic-body h5,.cosmetic-body h6{color:#d4af37;margin-bottom:8px}.cosmetic-body p{font-size:.85rem;color:#ffffffb3;margin:0}.badge-selected{display:inline-block;padding:5px 12px;background:#667eea;color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;margin-top:10px}.badge-type{display:inline-block;padding:4px 10px;background:#667eea4d;color:#d4af37;border-radius:6px;font-size:.75rem;font-weight:600}.unlock-tooltip{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#d4af37f2;color:#1a1625;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap;z-index:3;box-shadow:0 4px 15px #00000080;opacity:0;transition:opacity .3s}.cosmetic-card.locked:hover .unlock-tooltip{opacity:1}.token-badges{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.badge-rarity{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.rarity-common{background:#95a5a6;color:#fff}.rarity-rare{background:#3498db;color:#fff}.rarity-epic{background:#9b59b6;color:#fff}.rarity-legendary{background:#f39c12;color:#fff}.token-toggle{display:flex;align-items:center;gap:10px;margin-top:12px}.token-toggle input[type=checkbox]{width:40px;height:20px;cursor:pointer}.token-toggle label{font-size:.85rem;color:#fffc;cursor:pointer;margin:0}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#1a1625,#0f0a1a);color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.preview-content{grid-template-columns:1fr;text-align:center}.playmat-preview-img{height:200px}.tabs-nav{overflow-x:auto;padding-bottom:15px}.match-card{grid-template-columns:1fr;gap:15px;text-align:center}.match-meta{text-align:center}.cosmetics-grid,.playmats-grid,.cardbacks-grid,.markers-grid,.tokens-grid,.stats-grid{grid-template-columns:1fr}}@media (min-width: 641px) and (max-width: 1024px){.playmats-grid,.cardbacks-grid{grid-template-columns:repeat(2,1fr)}}.tournaments-page{min-height:100vh;background:linear-gradient(135deg,#0a0612,#1a0f2e,#0f0a1e);position:relative;overflow-x:hidden}.tournaments-header{position:relative;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:40px}.header-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a0f2e,#3d1f6b,#1a0f2e);opacity:.8}.header-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundScroll 20s linear infinite}@keyframes backgroundScroll{0%{background-position:0 0}to{background-position:60px 60px}}.header-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,215,0,.6),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,215,0,.5),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.3),transparent);background-size:200% 200%;animation:particleFloat 15s ease-in-out infinite}@keyframes particleFloat{0%,to{background-position:0% 0%,100% 100%,50% 50%,80% 10%}50%{background-position:100% 100%,0% 0%,70% 70%,20% 90%}}.header-content{position:relative;z-index:2;text-align:center}.header-icon{font-size:80px;color:gold;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));animation:trophyPulse 3s ease-in-out infinite}@keyframes trophyPulse{0%,to{transform:scale(1) translateY(0);filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}50%{transform:scale(1.1) translateY(-10px);filter:drop-shadow(0 0 50px rgba(255,215,0,1)) drop-shadow(0 0 100px rgba(255,215,0,.5))}}.page-title{display:flex;flex-direction:column;gap:10px}.title-text{font-size:56px;font-weight:900;background:linear-gradient(135deg,gold,#ffed4e,gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,215,0,.5);letter-spacing:4px;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.title-subtitle{font-size:18px;color:#fffc;font-weight:300;letter-spacing:2px;text-transform:uppercase}.filter-tabs{display:flex;gap:10px;justify-content:center;margin:30px auto;flex-wrap:wrap;max-width:900px;padding:0 20px}.filter-tab{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#ffffffb3;padding:12px 24px;border-radius:30px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-tab:hover{background:#ffffff1a;border-color:#ffd70080;color:#fff;transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;color:#1a0f2e;box-shadow:0 0 30px #ffd70080}.filter-tab i{font-size:16px}.create-tournament-section{display:flex;justify-content:center;margin:30px 0}.btn-create-tournament{position:relative;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:2px solid rgba(255,255,255,.2);color:#fff;padding:16px 40px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 24px #8b5cf666;text-decoration:none}.btn-create-tournament:hover{transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf699;border-color:#fff6;color:#fff}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-create-tournament:hover .btn-shine{left:100%}.btn-create-tournament:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf699}.btn-create-tournament i{font-size:20px}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonShine 3s ease-in-out infinite}@keyframes buttonShine{0%{left:-100%}50%,to{left:100%}}.tournaments-container{padding:20px;max-width:1400px;margin:0 auto}.tournaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.tournament-card{position:relative;background:#140f23cc;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tournament-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffd70080;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7004d}.tournament-card:hover .card-glow{opacity:1}.card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,gold,#ffed4e,gold);opacity:0;filter:blur(20px);z-index:-1;transition:opacity .4s ease}.tournament-winner-card{border:3px solid #ffd700;box-shadow:0 0 50px #ffd70080}.epic-trophy-overlay{position:absolute;top:-40px;right:20px;z-index:10;pointer-events:none}.trophy-glow-effect{position:absolute;width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,215,0,.8) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.trophy-icon{position:relative;font-size:80px;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6);animation:trophyFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}@keyframes trophyFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.trophy-rays{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.3) 45deg,transparent 90deg,transparent 90deg,rgba(255,215,0,.3) 135deg,transparent 180deg,transparent 180deg,rgba(255,215,0,.3) 225deg,transparent 270deg,transparent 270deg,rgba(255,215,0,.3) 315deg,transparent 360deg);animation:raysRotate 10s linear infinite}@keyframes raysRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.trophy-sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px gold;animation:sparkleFloat 2s ease-in-out infinite}.sparkle:nth-child(1){top:20%;left:20%;animation-delay:0s}.sparkle:nth-child(2){top:30%;right:20%;animation-delay:.4s}.sparkle:nth-child(3){bottom:30%;left:25%;animation-delay:.8s}.sparkle:nth-child(4){bottom:20%;right:25%;animation-delay:1.2s}.sparkle:nth-child(5){top:50%;left:50%;animation-delay:1.6s}@keyframes sparkleFloat{0%,to{transform:translateY(0) scale(0);opacity:0}50%{transform:translateY(-30px) scale(1);opacity:1}}.tournament-banner{position:relative;height:200px;overflow:hidden;background:linear-gradient(135deg,#1a0f2e,#3d1f6b)}.tournament-banner img{width:100%;height:100%;object-fit:cover}.tournament-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff3}.winner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd700e6,#ffed4ecc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:winnerReveal 1s ease-out}@keyframes winnerReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.winner-crown{font-size:60px;animation:crownBounce 2s ease-in-out infinite}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.winner-text{font-size:24px;font-weight:900;color:#1a0f2e;letter-spacing:3px;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.winner-name{font-size:18px;font-weight:700;color:#1a0f2e;background:#ffffff4d;padding:5px 20px;border-radius:20px}.tournament-card-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.tournament-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;min-height:40px}.tournament-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.status-registration{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 15px #10b98180}.status-in-progress{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 15px #f59e0b80}.status-completed{background:linear-gradient(135deg,gold,#ffed4e);color:#1a0f2e;box-shadow:0 0 15px #ffd70080}.tournament-description{color:#ffffffb3;font-size:14px;margin-bottom:16px;line-height:1.5}.tournament-info{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:6px;color:#fffc;font-size:14px}.info-item i{color:#ffd700cc}.info-item.prize{font-weight:700;color:gold}.tournament-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.format-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.organizer{font-size:12px;color:#fff9;display:flex;align-items:center;gap:4px}.loading-state,.empty-state{text-align:center;padding:80px 20px;color:#fff9}.loading-spinner{font-size:48px;margin-bottom:20px;color:gold}.empty-state i{font-size:80px;color:#fff3;margin-bottom:20px}.empty-state h3{font-size:24px;color:#fffc;margin-bottom:10px}.btn-back{position:fixed!important;top:30px!important;bottom:auto!important;left:30px!important;background:#140f23e6;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.btn-back:hover{background:#8b5cf6e6;border-color:#8b5cf6;transform:translate(-5px);box-shadow:0 5px 20px #8b5cf680}@media (max-width: 768px){.tournaments-grid{grid-template-columns:1fr}.header-icon{font-size:60px}.title-text{font-size:36px}.title-subtitle{font-size:14px}.filter-tabs{gap:5px}.filter-tab{padding:8px 16px;font-size:12px}.epic-trophy-overlay{top:-30px;right:10px}.trophy-icon{font-size:60px}}.tournament-detail-page{min-height:100vh;background:linear-gradient(135deg,#0a0612,#1a0f2e,#0f0a1e);padding:30px 20px;color:#fff}.tournament-detail-loading,.tournament-detail-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.tournament-detail-loading i{font-size:3rem;color:gold;margin-bottom:20px}.tournament-detail-error i{font-size:4rem;color:#ef4444;margin-bottom:20px}.detail-header{background:linear-gradient(135deg,#ffd7001a,#8a2be21a);border-radius:20px;padding:40px;margin-bottom:30px;border:2px solid rgba(255,215,0,.3);max-width:1400px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.detail-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;pointer-events:none}.header-content{position:relative;z-index:1}.tournament-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.tournament-description{font-size:1.1rem;margin-bottom:20px;opacity:.9;color:#fffc}.tournament-meta{display:flex;gap:30px;flex-wrap:wrap;align-items:center}.meta-item{display:flex;align-items:center;gap:10px;font-size:1.1rem}.meta-item i{color:gold;font-size:1.3rem}.status-badge{padding:8px 20px;border-radius:25px;font-weight:700;font-size:1rem}.status-registration{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b98180}.status-in_progress{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b80}.status-completed{background:linear-gradient(135deg,gold,#ffed4e);color:#1a0f2e;box-shadow:0 0 20px #ffd70080}.action-buttons{margin-bottom:30px;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;gap:15px;flex-wrap:wrap}.bracket-section{background:#140f23cc;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;max-width:1400px;margin:0 auto}.section-title{font-size:1.8rem;font-weight:700;color:gold;margin-bottom:20px;display:flex;align-items:center;gap:10px}.bracket-placeholder{text-align:center;padding:60px 20px;color:#ffffff80}.bracket-placeholder i{font-size:4rem;margin-bottom:20px;opacity:.3}.bracket{display:flex;align-items:flex-start;gap:60px;padding:30px 20px;min-height:400px;min-width:min-content;position:relative}.bracket:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(138,43,226,.15) 0%,transparent 50%);pointer-events:none;border-radius:15px}.bracket:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,215,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,0,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;opacity:.3;border-radius:15px}.round{display:flex;flex-direction:column;position:relative;z-index:1;min-width:180px}.bracket-elimination .round:not(:first-child) .match{position:absolute;left:0}.round:first-child .match,.bracket-swiss .round .match,.bracket-round-robin .round .match{position:relative}.bracket-swiss .round{gap:15px}.round-title{color:gold;font-size:.7rem;font-weight:900;margin:0 0 20px;text-align:center;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,215,0,.5);background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:6px;border-bottom:2px solid rgba(255,215,0,.3)}.match{display:flex;flex-direction:column;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;width:180px;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000004d}.bracket-swiss .match,.bracket-round-robin .match{margin-bottom:30px}.match.final{border-color:#ffd70080;box-shadow:0 0 20px #ffd7004d}.match:hover{border-color:#ffd70099;background:#ffffff1a;transform:scale(1.05);z-index:10;box-shadow:0 8px 25px #ffd70066}.match-completed{border-color:#10b98180;background:#10b9810d}.match-empty{border-color:#ffffff1a;background:#0000004d;opacity:.5}.match-empty .match-player{color:#ffffff4d;font-style:italic}.match-header{font-size:.65rem;color:#fff6;margin-bottom:6px;text-align:center;font-weight:600}.match-number{display:none}.match-status{font-size:.7rem}.match-player{background:#0006;padding:5px 8px;border-radius:5px;margin-bottom:3px;font-size:.7rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;border:1px solid transparent}.match-player.winner{background:linear-gradient(135deg,#ffd7004d,#ffed4e33);border:1px solid rgba(255,215,0,.6);font-weight:700;color:gold;box-shadow:0 0 15px #ffd7004d}.player-name{color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.player-score{font-weight:700;color:gold;margin-left:10px;font-size:.9rem}.match-vs{text-align:center;color:#ffffff4d;font-weight:700;font-size:.6rem;margin:2px 0}.champion-trophy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:200px;position:relative;z-index:1}.trophy-container{width:150px;height:150px;position:relative;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.trophy-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.trophy-icon{font-size:5rem;color:gold;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));position:relative;z-index:2;background:linear-gradient(135deg,gold,#ffed4e,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.champion-title{margin-top:15px;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,215,0,.5)}.champion-name{margin-top:8px;font-size:1.3rem;font-weight:900;color:gold;text-shadow:0 0 30px rgba(255,215,0,.8)}.particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:gold;border-radius:50%;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-50px) scale(1)}}.particle:nth-child(1){left:20%;animation-delay:0s}.particle:nth-child(2){left:40%;animation-delay:.5s}.particle:nth-child(3){left:60%;animation-delay:1s}.particle:nth-child(4){left:80%;animation-delay:1.5s}.participant-list{display:flex;flex-direction:column;gap:12px}.participant-name{font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:8px}.participant-seed{background:#ffd70033;color:gold;padding:4px 12px;border-radius:20px;font-weight:700}.empty-participants{text-align:center;padding:40px 20px;color:#ffffff80}.empty-participants i{font-size:3rem;margin-bottom:15px}.btn-back{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 30px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-show-participants{background:linear-gradient(135deg,gold,#ffed4e);color:#1a0f2e;border:none;padding:12px 30px;border-radius:30px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 30px #ffd70066}.btn-show-participants:hover{transform:translateY(-3px);box-shadow:0 15px 40px #8b5cf699}.btn-register{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #10b98166}.btn-register:hover{transform:translateY(-3px);box-shadow:0 15px 40px #10b98199}.btn-admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #f59e0b66}.btn-admin:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f59e0b99}.btn-back{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 30px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#8b5cf64d;border-color:#8b5cf6;transform:translate(-5px)}.participants-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:linear-gradient(135deg,#1a0f2e,#0a0612);border-radius:20px;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border:2px solid rgba(255,215,0,.3);box-shadow:0 10px 50px #ffd7004d}.modal-header{padding:30px;border-bottom:2px solid rgba(255,215,0,.2);display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.modal-title{font-size:1.8rem;font-weight:700;color:gold;margin:0;display:flex;align-items:center;gap:10px}.modal-close{font-size:2rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;line-height:1}.modal-close:hover{color:gold;transform:rotate(90deg)}.participant-list{padding:30px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.participant-item{background:#ffffff0d;padding:15px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.participant-item:hover{background:#ffd7001a;border-color:#ffd7004d;transform:translate(5px)}.participant-name{font-weight:600;font-size:1.1rem}.empty-participants{text-align:center;padding:60px 20px;color:#ffffff80}.empty-participants i{font-size:4rem;margin-bottom:20px;opacity:.3}@media (max-width: 968px){.tournament-title{font-size:2rem}.bracket-display{padding:30px 20px;gap:60px}.bracket-round{min-width:180px}.action-buttons{padding:0 20px}}.bracket-container-with-prize{display:flex;gap:40px;position:relative;max-width:1800px;margin:0 auto}.bracket-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto;max-height:90vh;background:linear-gradient(135deg,#0a0612cc,#1a0f2ee6,#0f0a1ecc);border:2px solid rgba(255,215,0,.2);border-radius:15px;position:relative}.trophy-showcase{flex-shrink:0;width:380px;position:sticky;top:20px;align-self:flex-start;background:linear-gradient(135deg,#ffd7000d,#ff8c000d);border:3px solid transparent;background-image:linear-gradient(#0a0612f2,#0a0612f2),linear-gradient(135deg,gold,#ff8c00);background-origin:border-box;background-clip:padding-box,border-box;border-radius:25px;padding:40px 30px;box-shadow:0 20px 60px #ffd7004d,inset 0 0 40px #ffd7000d;animation:trophy-entrance .8s ease-out}@keyframes trophy-entrance{0%{opacity:0;transform:translate(50px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.trophy-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);filter:blur(40px);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.trophy-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:25px}.trophy-icon{font-size:5rem;color:gold;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));animation:trophy-float 3s ease-in-out infinite}.trophy-icon i{display:block;background:linear-gradient(135deg,gold,#ff8c00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes trophy-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.prize-title{font-size:1.8rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 20px rgba(255,215,0,.5)}.prize-image-container{width:100%;max-width:280px;border-radius:20px;overflow:hidden;border:3px solid rgba(255,215,0,.4);background:#0000004d;box-shadow:0 10px 40px #00000080,inset 0 0 20px #ffd7001a;transition:transform .3s ease,box-shadow .3s ease}.prize-image-container:hover{transform:scale(1.05);box-shadow:0 15px 50px #ffd70066,inset 0 0 30px #ffd70033}.prize-image{width:100%;height:auto;object-fit:contain;display:block;transition:transform .5s ease}.prize-image-container:hover .prize-image{transform:scale(1.1)}.prize-name{font-size:1.3rem;font-weight:700;color:#fff;text-align:center;padding:15px 20px;background:#ffd7001a;border-radius:15px;border:2px solid rgba(255,215,0,.3);width:100%}.prize-description{font-size:.95rem;color:#fffc;text-align:center;padding:10px 20px;font-style:italic;width:100%}.winner-section{width:100%;padding:30px 20px;background:linear-gradient(135deg,#00ff001a,#00c8001a);border-radius:20px;border:3px solid rgba(0,255,0,.4);text-align:center;box-shadow:0 10px 40px #00ff004d,inset 0 0 30px #00ff000d;animation:winner-pulse 2s ease-in-out infinite}@keyframes winner-pulse{0%,to{box-shadow:0 10px 40px #00ff004d,inset 0 0 30px #00ff000d}50%{box-shadow:0 15px 50px #00ff0080,inset 0 0 40px #00ff001a}}.winner-label{font-size:1.2rem;font-weight:800;color:#0f0;margin-bottom:15px;text-shadow:0 0 20px rgba(0,255,0,.8);animation:winner-shimmer 1.5s ease-in-out infinite}@keyframes winner-shimmer{0%,to{opacity:1}50%{opacity:.7}}.winner-name{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#0f0,#7fff00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;letter-spacing:2px}.winner-crown{font-size:3rem;animation:crown-bounce 1s ease-in-out infinite}@keyframes crown-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.winner-pending{width:100%;padding:30px 20px;background:#ffffff0d;border-radius:20px;border:2px dashed rgba(255,255,255,.2);text-align:center;color:#ffffff80;display:flex;flex-direction:column;align-items:center;gap:15px}.winner-pending i{font-size:2rem;animation:hourglass-spin 2s linear infinite}@keyframes hourglass-spin{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.winner-pending span{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px}.my-matches-modal{max-width:800px;max-height:80vh;overflow-y:auto}.my-matches-list{display:flex;flex-direction:column;gap:20px;padding:10px}.my-match-card{background:linear-gradient(135deg,#140f23e6,#28143ce6);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:20px;transition:all .3s ease}.my-match-card:hover{border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 8px 20px #ffd70033}.match-round-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.match-round{font-size:1.1rem;font-weight:700;color:gold}.match-status-badge{padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.match-status-completed{background:#10b98133;color:#10b981;border:1px solid #10b981}.match-status-ready{background:#f59e0b33;color:#f59e0b;border:1px solid #f59e0b}.match-status-pending{background:#6b728033;color:#9ca3af;border:1px solid #6b7280}.match-players-info{margin-bottom:20px}.match-vs-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.player-display{font-size:1.1rem;font-weight:600;color:#fff}.vs-text{font-size:.9rem;color:#ffd70099;font-weight:700}.match-winner{text-align:center;color:gold;font-weight:600;margin-top:10px}.match-winner i{margin-right:5px}.opponent-contact-info{background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:10px;padding:15px;margin-top:15px}.contact-title{font-size:1rem;font-weight:700;color:gold;margin-bottom:15px;display:flex;align-items:center;gap:8px}.contact-details{display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;align-items:center;gap:10px;font-size:.95rem}.contact-item i{color:gold;width:20px;text-align:center}.contact-label{color:#ffffffb3;min-width:80px;font-weight:500}.contact-value{color:#fff;font-weight:600}.contact-phone{color:#60a5fa;text-decoration:none;transition:all .3s ease}.contact-phone:hover{color:#93c5fd;text-decoration:underline}.contact-not-available{color:#ffffff80;font-style:italic;justify-content:center}.btn-show-my-matches{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:2px solid rgba(139,92,246,.5);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-show-my-matches:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#8b5cf6cc;transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666}@media (max-width: 1400px){.bracket-container-with-prize{flex-direction:column;align-items:center}.trophy-showcase{position:relative;width:100%;max-width:500px;order:-1}}.ranking-page{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;padding:2rem;overflow-y:auto}.ranking-container{max-width:1400px;margin:0 auto}.ranking-loading,.ranking-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.ranking-loading i{font-size:4rem;color:gold}.ranking-error i{font-size:4rem;color:#f44336}.ranking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.btn-back-header{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-back-header:hover{background:#fff3;border-color:gold;color:gold}.ranking-title{font-size:2.5rem;margin:0;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(255,215,0,.3)}.ranking-stats{background:#ffffff1a;padding:.75rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.podium-section{display:flex;align-items:flex-end;justify-content:center;gap:2rem;margin:3rem 0;padding:2rem;background:#0000004d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.podium-place{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;transition:all .3s ease}.podium-place:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.podium-1{height:320px;border-color:gold;background:linear-gradient(135deg,#ffd70033,#ffd7001a)}.podium-2{height:280px;border-color:silver;background:linear-gradient(135deg,#c0c0c033,#c0c0c01a)}.podium-3{height:240px;border-color:#cd7f32;background:linear-gradient(135deg,#cd7f3233,#cd7f321a)}.podium-crown{position:absolute;top:-30px;font-size:2rem;color:gold;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.podium-medal{font-size:2.5rem;margin-bottom:.3rem}.podium-rank{font-size:1.5rem;font-weight:700;opacity:.8}.podium-username{font-size:1.4rem;font-weight:700;text-align:center;width:100%;padding:0 .5rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;min-height:2.8rem;max-height:5.6rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podium-points{font-size:1.3rem;font-weight:700;color:gold;margin-top:.3rem}.podium-elo{font-size:1rem;opacity:.8}.ranking-table-container{background:#0000004d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.ranking-table{width:100%;border-collapse:collapse;font-size:.95rem}.ranking-table thead{background:#ffffff1a;border-bottom:2px solid rgba(255,215,0,.5)}.ranking-table th{padding:1rem;text-align:left;font-weight:600;color:gold;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.ranking-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease}.ranking-table tbody tr:hover{background:#ffffff0d}.ranking-table tbody tr.current-user{background:#ffd70026;border:2px solid rgba(255,215,0,.5)}.ranking-table td{padding:1rem}.rank-cell{width:80px}.rank-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:50px;padding:.4rem .8rem;border-radius:8px;font-weight:700;font-size:1rem}.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;box-shadow:0 2px 10px #ffd70080}.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a1a;box-shadow:0 2px 10px #c0c0c080}.rank-3{background:linear-gradient(135deg,#cd7f32,#e89b68);color:#1a1a1a;box-shadow:0 2px 10px #cd7f3280}.rank-other{background:#ffffff1a;color:#fff}.tier-cell{width:120px}.tier-info{display:flex;align-items:center;gap:.5rem}.tier-icon{font-size:1.25rem}.tier-name{font-weight:600;font-size:.85rem}.username-cell{min-width:150px}.you-badge{display:inline-block;background:#ffd7004d;color:gold;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;margin-left:.5rem}.points-cell{width:100px;font-size:1.1rem}.elo-cell{width:80px}.games-cell,.wins-cell,.losses-cell,.draws-cell{width:60px;text-align:center;font-weight:600}.winrate-cell{width:100px;text-align:center}.winrate-badge{display:inline-block;padding:.3rem .8rem;border-radius:6px;font-weight:700;font-size:.9rem}.winrate-high{background:#4caf504d;color:#4caf50;border:1px solid #4caf50}.winrate-mid{background:#ffc1074d;color:#ffc107;border:1px solid #ffc107}.winrate-low{background:#f443364d;color:#f44336;border:1px solid #f44336}.ranking-empty{text-align:center;padding:4rem 2rem;color:#fff9}.ranking-empty i{font-size:4rem;margin-bottom:1rem;opacity:.5}@media (max-width: 1200px){.podium-section{flex-direction:column;align-items:center}.podium-1,.podium-2,.podium-3{height:auto;width:100%;max-width:300px}}@media (max-width: 768px){.ranking-page{padding:1rem}.ranking-header{flex-direction:column;align-items:flex-start}.ranking-title{font-size:1.75rem}.ranking-table{font-size:.85rem}.ranking-table th,.ranking-table td{padding:.75rem .5rem}}.clan-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #d4af37;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #d4af3733;position:relative}.clan-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.05) 0%,transparent 50%);pointer-events:none}.clan-card:hover{transform:translateY(-5px);border-color:#f4d03f;box-shadow:0 8px 30px #d4af3766}.clan-card-banner{position:relative;height:120px;overflow:hidden}.clan-card-banner img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.clan-card-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#1a1a2e,transparent)}.clan-card-content{padding:20px;position:relative}.clan-card-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;margin-top:-40px;position:relative;z-index:2}.clan-logo{width:70px;height:70px;border-radius:50%;border:3px solid #d4af37;overflow:hidden;background:#0f0f1e;box-shadow:0 4px 15px #d4af3780;flex-shrink:0}.clan-logo img{width:100%;height:100%;object-fit:cover}.clan-info{flex:1;min-width:0}.clan-name{margin:0;font-size:1.5rem;color:#f4d03f;text-shadow:0 2px 10px rgba(244,208,63,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-tag{font-size:.9rem;color:#d4af37;font-weight:600}.clan-level{flex-shrink:0}.level-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.85rem;box-shadow:0 2px 10px #d4af3766}.clan-description{color:#ccc;margin:0 0 20px;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.clan-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;padding:12px;background:#0000004d;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:help;transition:all .3s ease;padding:8px;border-radius:6px}.stat-item:hover{background:#d4af371a}.stat-icon{font-size:1.2rem;color:#d4af37}.stat-label{display:none}.stat-value{display:block;font-size:.85rem;font-weight:700;color:#fff}.stat-points{color:#f4d03f}.stat-wins{color:#4caf50}.clan-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.clan-status{flex:0 0 auto}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.recruiting{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.closed{background:linear-gradient(135deg,#555,#444);color:#aaa}.clan-actions{display:flex;gap:10px}.btn-clan-action{padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-view{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-view:hover{background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 4px 15px #3498db66}.btn-join{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e}.btn-join:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 15px #f4d03f99;transform:translateY(-2px)}@media (max-width: 768px){.clan-stats-grid{grid-template-columns:repeat(2,1fr)}.clan-card-footer{flex-direction:column;align-items:stretch}.clan-actions{width:100%}.btn-clan-action{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.create-clan-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #d4af37;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #d4af374d;position:relative}.create-clan-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);pointer-events:none}.modal-header{padding:30px;border-bottom:2px solid rgba(212,175,55,.3);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header h2{margin:0;color:#f4d03f;font-size:1.8rem;text-shadow:0 2px 15px rgba(244,208,63,.5);display:flex;align-items:center;gap:12px}.btn-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-close:hover{background:#ff00004d;border-color:red;color:red}.clan-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:10px;color:#f4d03f;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px}.form-group input[type=text],.form-group input[type=url],.form-group input[type=file],.form-group textarea,.form-group select{width:100%;padding:12px 15px;background:#0000004d;border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input[type=file]{cursor:pointer;padding:10px}.form-group input[type=file]::file-selector-button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;color:#1a1a2e;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;margin-right:12px;transition:all .3s ease}.form-group input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 2px 10px #f4d03f66}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.form-group small{display:block;margin-top:6px;color:#999;font-size:.85rem}.checkbox-group{background:#0003;padding:15px;border-radius:8px;border:1px solid rgba(212,175,55,.2)}.checkbox-group label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:8px}.checkbox-group input[type=checkbox]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:#d4af37}.checkbox-group span{color:#fff;display:flex;align-items:center;gap:8px}.logo-preview{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.logo-preview img{width:100px;height:100px;border-radius:50%;border:3px solid #d4af37;object-fit:cover;background:#00000080}.logo-preview span{color:#999;font-size:.85rem;font-style:italic}.banner-preview{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.banner-preview img{width:100%;max-width:400px;height:100px;border-radius:8px;border:3px solid #d4af37;object-fit:cover;background:#00000080}.banner-preview span{color:#999;font-size:.85rem;font-style:italic}.modal-footer{padding:25px 30px;border-top:2px solid rgba(212,175,55,.3);display:flex;gap:15px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 20px #f4d03f99;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff80}@media (max-width: 768px){.create-clan-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-header h2{font-size:1.4rem}.clan-form{padding:20px}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.clan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clan-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #d4af37;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 50px #d4af374d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:15px;right:15px;background:#000000b3;border:1px solid #d4af37;color:#f4d03f;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.modal-close-btn:hover{background:#d4af3733;transform:rotate(90deg)}.modal-banner{position:relative;height:150px;overflow:hidden;border-radius:14px 14px 0 0}.modal-banner img{width:100%;height:100%;object-fit:cover}.modal-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent,rgba(26,26,46,.95))}.modal-content{padding:30px}.modal-header{display:flex;align-items:center;gap:20px;margin-top:-60px;margin-bottom:20px;position:relative;z-index:2}.modal-emblem{width:90px;height:90px;border-radius:50%;border:4px solid #d4af37;overflow:hidden;background:#0f0f1e;box-shadow:0 6px 20px #d4af3780;flex-shrink:0}.modal-emblem img{width:100%;height:100%;object-fit:cover}.modal-title-section{flex:1}.modal-clan-name{margin:0;font-size:2rem;color:#f4d03f;text-shadow:0 3px 15px rgba(244,208,63,.6)}.modal-clan-tag{font-size:1rem;color:#d4af37;font-weight:600;margin-right:10px}.modal-level-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.modal-description{color:#ccc;line-height:1.6;margin-bottom:25px;padding:15px;background:#0000004d;border-radius:8px;border-left:3px solid #d4af37}.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.modal-stat-card{background:#0000004d;padding:15px;border-radius:8px;border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:15px;transition:all .3s ease}.modal-stat-card:hover{border-color:#d4af37;background:#d4af371a}.modal-stat-card i{font-size:2rem;color:#d4af37}.modal-stat-card div{display:flex;flex-direction:column}.modal-stat-card .stat-number{font-size:1.5rem;font-weight:700;color:#f4d03f}.modal-stat-card .stat-label{font-size:.85rem;color:#999;text-transform:uppercase}.modal-info-box{background:linear-gradient(135deg,#3498db33,#2980b91a);border:1px solid #3498db;border-radius:8px;padding:12px 15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#5dade2}.modal-info-box i{font-size:1.2rem}.modal-requirements{background:#0000004d;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:15px;margin-bottom:25px}.modal-requirements h3{margin:0 0 15px;color:#f4d03f;font-size:1.1rem;display:flex;align-items:center;gap:8px}.requirements-list{display:flex;flex-direction:column;gap:10px}.requirement-item{display:flex;align-items:center;gap:10px;color:#ccc;padding:8px;background:#0003;border-radius:6px}.requirement-item i{color:#d4af37;width:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-modal-join{flex:1;padding:14px 24px;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-modal-join:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 20px #f4d03f99;transform:translateY(-2px)}.btn-modal-cancel{padding:14px 24px;background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-modal-cancel:hover{background:#ffffff26;color:#fff}.modal-closed-msg{flex:1;padding:14px 24px;background:#ffffff0d;color:#999;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600}@media (max-width: 768px){.modal-stats{grid-template-columns:1fr}.modal-clan-name{font-size:1.5rem}.modal-actions{flex-direction:column}.btn-modal-cancel{order:2}}.clans-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);position:relative;overflow-x:hidden}.clans-nav-buttons{position:fixed;top:20px;left:20px;z-index:1000}.nav-btn-history{background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff}.nav-btn-history:hover{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b680;transform:translateY(-2px)}.clans-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.03) 0%,transparent 50%);pointer-events:none}.clans-hero{background:linear-gradient(135deg,rgba(212,175,55,.2) 0%,transparent 100%),linear-gradient(135deg,#0f0f1e,#1a1a2e);padding:80px 20px 60px;border-bottom:3px solid #d4af37;position:relative;box-shadow:0 10px 40px #00000080}.clans-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,#0f0f1e)}.hero-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-title{font-size:3.5rem;color:#f4d03f;text-shadow:0 4px 20px rgba(244,208,63,.6);margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:20px}.hero-subtitle{font-size:1.3rem;color:#ccc;margin:0}.clans-container{max-width:1400px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.my-clan-section{margin-bottom:50px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{font-size:2rem;color:#f4d03f;margin:0;display:flex;align-items:center;gap:12px;text-shadow:0 2px 15px rgba(244,208,63,.5)}.btn-view-clan{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-view-clan:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 20px #f4d03f99;transform:translateY(-2px)}.my-clan-banner{position:relative;height:250px;border-radius:16px;overflow:hidden;border:3px solid #d4af37;box-shadow:0 10px 40px #d4af374d}.my-clan-banner img{width:100%;height:100%;object-fit:cover}.clan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0006);display:flex;justify-content:space-between;align-items:center;padding:30px}.clan-modal .modal-content{width:100%}.clan-header-info{display:flex;align-items:center;gap:20px}.clan-header-logo{width:100px!important;height:100px!important;border-radius:50%;border:4px solid #d4af37;box-shadow:0 4px 20px #d4af3799}.clan-header-info h3{font-size:2.5rem;margin:0;color:#f4d03f;text-shadow:0 2px 15px rgba(244,208,63,.8)}.clan-header-tag{font-size:1.5rem;color:#d4af37}.clan-quick-stats{display:flex;gap:30px}.quick-stat{text-align:center;background:#00000080;padding:15px 25px;border-radius:12px;border:2px solid rgba(212,175,55,.3)}.quick-stat .stat-label{display:block;font-size:.9rem;color:#999;margin-bottom:5px}.quick-stat .stat-value{display:block;font-size:1.8rem;font-weight:700;color:#f4d03f}.clans-actions{display:flex;gap:20px;margin-bottom:40px;align-items:center}.search-form{flex:1;display:flex;gap:15px}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;font-size:1.1rem}.search-input-wrapper input{width:100%;padding:14px 15px 14px 45px;background:#0006;border:2px solid rgba(212,175,55,.3);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input-wrapper input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 20px #d4af374d}.btn-search{padding:14px 30px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-search:hover{background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 4px 20px #3498db66}.btn-create-clan{padding:14px 30px;background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:10px;color:#1a1a2e;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.btn-create-clan svg{width:20px;height:20px}.btn-create-clan:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 20px #f4d03f99;transform:translateY(-2px)}.btn-clan-battles{padding:14px 30px;background:linear-gradient(135deg,#8e44ad,#9b59b6);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.btn-clan-battles:hover{background:linear-gradient(135deg,#9b59b6,#a569bd);box-shadow:0 4px 20px #9b59b680;transform:translateY(-2px)}.error-message{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:30px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #e74c3c4d}.btn-close-error{margin-left:auto;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.8;transition:opacity .3s ease}.btn-close-error:hover{opacity:1}.clans-list-section{margin-top:40px}.clans-count{color:#999;font-size:1.1rem}.clans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.clan-rank-wrapper{position:relative}.clan-rank-number{position:absolute;top:-10px;left:-10px;width:40px;height:40px;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;z-index:10;box-shadow:0 4px 15px #d4af3780}.loading-spinner{text-align:center;padding:80px 20px}.loading-spinner i{font-size:3rem;color:#d4af37;margin-bottom:20px}.loading-spinner p{color:#999;font-size:1.2rem}.empty-state{text-align:center;padding:100px 20px}.empty-state i{font-size:5rem;color:#d4af37;opacity:.3;margin-bottom:30px}.empty-state h3{font-size:1.8rem;color:#f4d03f;margin:0 0 15px}.empty-state p{color:#999;font-size:1.1rem;margin-bottom:30px}.pagination{display:flex;justify-content:center;gap:10px;margin-top:40px}.btn-page{padding:10px 18px;background:#0006;border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:45px}.btn-page:hover:not(:disabled){border-color:#d4af37;background:#d4af3733}.btn-page.active{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border-color:#d4af37}.btn-page:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1024px){.clans-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.clan-quick-stats{gap:15px}.quick-stat{padding:10px 15px}}@media (max-width: 768px){.hero-title{font-size:2.5rem;flex-direction:column;gap:10px}.hero-subtitle{font-size:1.1rem}.clans-actions{flex-direction:column}.search-form{width:100%}.btn-create-clan{width:100%;justify-content:center}.clans-grid{grid-template-columns:1fr}.my-clan-banner{height:auto}.clan-overlay{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.clan-quick-stats{width:100%;justify-content:space-around}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.btn-view-clan{width:100%;justify-content:center}}.my-clan-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1e);position:relative;overflow-x:hidden}.nav-buttons{position:fixed;top:20px;left:20px;z-index:1000;display:flex;gap:10px}.nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 10px #0000004d;font-size:.9rem}.nav-btn-clans{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e}.nav-btn-clans:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 15px #f4d03f80;transform:translateY(-2px)}.nav-btn i{font-size:.95rem}.clan-arena{position:relative;min-height:500px;background:linear-gradient(135deg,#0a0a0ff2,#1a1a2ed9),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400"><defs><pattern id="stones" patternUnits="userSpaceOnUse" width="100" height="100"><rect fill="%23111" width="100" height="100"/><circle cx="50" cy="50" r="40" fill="%23222"/></pattern></defs><rect width="1200" height="400" fill="url(%23stones)"/></svg>');border-bottom:5px solid #d4af37;box-shadow:inset 0 -100px 100px #000c,0 20px 60px #000000b3}.clan-arena:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.7) 100%);pointer-events:none}.arena-pillars{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.pillar{position:absolute;width:150px;height:100%;background:linear-gradient(180deg,#2a2a3e,#3a3a4e,#2a2a3e,#3a3a4e,#2a2a3e,#3a3a4e,#2a2a3e,#3a3a4e,#2a2a3e,#3a3a4e,#2a2a3e);box-shadow:inset 0 0 50px #00000080,0 0 30px #d4af3733;border-left:3px solid rgba(212,175,55,.3);border-right:3px solid rgba(212,175,55,.3)}.pillar:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:100px;background:linear-gradient(180deg,#d4af37 0%,transparent 100%);opacity:.3}.pillar-left{left:-75px;transform:perspective(400px) rotateY(15deg)}.pillar-right{right:-75px;transform:perspective(400px) rotateY(-15deg)}.arena-banner{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden}.banner-image{width:100%;height:100%;object-fit:cover;filter:brightness(.4) contrast(1.2)}.arena-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0a0a0fb3,#1a1a2e80,#0a0a0fe6)}.arena-header{position:relative;z-index:10;padding:80px 40px 60px;display:flex;flex-direction:column;align-items:center;gap:30px}.clan-emblem-container{position:relative;margin-bottom:20px}.emblem-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(244,208,63,.3) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.clan-emblem{width:150px;height:150px;border-radius:50%;border:5px solid #d4af37;box-shadow:0 0 40px #d4af37cc,0 0 80px #d4af3766,inset 0 0 20px #00000080;position:relative;z-index:2;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);object-fit:cover}.clan-title-section{text-align:center}.clan-arena-name{font-size:4rem;margin:0 0 15px;color:#f4d03f;text-shadow:0 4px 20px rgba(244,208,63,.8),0 0 60px rgba(212,175,55,.6),2px 2px 4px rgba(0,0,0,.9);font-weight:900;letter-spacing:3px;text-transform:uppercase;animation:title-glow 2s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 4px 20px rgba(244,208,63,.8),0 0 60px rgba(212,175,55,.6)}50%{text-shadow:0 4px 30px rgba(244,208,63,1),0 0 80px rgba(212,175,55,.8)}}.clan-tag-container{display:flex;align-items:center;gap:20px;justify-content:center}.clan-arena-tag{font-size:2rem;color:#d4af37;font-weight:700;text-shadow:0 2px 15px rgba(212,175,55,.7)}.clan-level-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:10px 25px;border-radius:30px;font-weight:700;font-size:1.2rem;box-shadow:0 4px 20px #f4d03f99,inset 0 2px 5px #ffffff4d;display:inline-flex;align-items:center;gap:8px}.arena-stats{display:flex;gap:50px;margin-top:30px}.arena-stat{display:flex;align-items:center;gap:15px;background:#0009;padding:20px 30px;border-radius:15px;border:2px solid rgba(212,175,55,.3);box-shadow:0 8px 30px #00000080,inset 0 2px 10px #d4af371a;transition:all .3s ease}.arena-stat:hover{border-color:#d4af37;box-shadow:0 8px 40px #d4af3766,inset 0 2px 15px #d4af3733;transform:translateY(-5px)}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#1a1a2e;box-shadow:0 4px 15px #d4af3780}.stat-icon-win{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.stat-icon-members{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#f4d03f;line-height:1;margin-bottom:5px}.stat-text{font-size:.9rem;color:#999;text-transform:uppercase;letter-spacing:1px}.clan-navigation{max-width:1400px;margin:-30px auto 0;padding:0 40px;display:flex;gap:10px;position:relative;z-index:100}.nav-tab{flex:1;padding:18px 30px;background:#1a1a2ecc;border:2px solid rgba(212,175,55,.2);border-bottom:none;border-radius:15px 15px 0 0;color:#999;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-tab:hover{background:#1a1a2ef2;border-color:#d4af3766;color:#ccc}.nav-tab.active{background:linear-gradient(135deg,#d4af3733,#f4d03f1a);border-color:#d4af37;color:#f4d03f;box-shadow:0 -5px 20px #d4af374d}.clan-content{max-width:1400px;margin:0 auto;padding:40px;background:#0f0f1eb3;border:2px solid rgba(212,175,55,.2);border-top:none;border-radius:0 0 20px 20px;min-height:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-banner{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:30px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #e74c3c66}.error-banner button{margin-left:auto;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.8;transition:opacity .3s}.error-banner button:hover{opacity:1}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.overview-card{background:linear-gradient(135deg,#1a1a2ecc,#16213e99);border:2px solid rgba(212,175,55,.3);border-radius:15px;padding:30px;box-shadow:0 8px 30px #00000080;transition:all .3s ease}.overview-card:hover{border-color:#d4af37;box-shadow:0 10px 40px #d4af374d}.overview-card h3{color:#f4d03f;margin:0 0 25px;font-size:1.5rem;display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:2px solid rgba(212,175,55,.3)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-box{text-align:center;background:#0006;padding:20px;border-radius:10px;border:1px solid rgba(212,175,55,.2)}.stat-label{display:block;font-size:.85rem;color:#999;margin-bottom:10px;text-transform:uppercase}.stat-value{display:block;font-size:1.3rem;font-weight:700;color:#fff}.stat-value.win-rate{color:#4caf50}.stat-value.losses{color:#e74c3c}.clan-description-text{color:#ccc;line-height:1.8;font-size:1.1rem}.member-rank-display{display:flex;gap:25px;align-items:center}.rank-icon{width:80px;height:80px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:3px solid currentColor;box-shadow:0 4px 20px currentColor}.rank-details h4{margin:0 0 10px;font-size:1.8rem}.rank-details p{margin:0 0 15px;color:#999}.contribution-stats{display:flex;gap:20px;font-size:.95rem;color:#ccc}.contribution-stats span{display:flex;align-items:center;gap:6px}.leave-clan-card{background:linear-gradient(135deg,#e74c3c0d,#c0392b0d);border:1px solid rgba(231,76,60,.2)}.leave-clan-card:hover{border-color:#e74c3c66;box-shadow:0 8px 30px #e74c3c33}.leave-warning{color:#e74c3c;margin:15px 0 20px;font-size:.95rem;display:flex;align-items:center;gap:10px}.leave-warning:before{content:"⚠️";font-size:1.2rem}.members-header,.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.members-header h3,.announcements-header h3{color:#f4d03f;font-size:2rem;margin:0;display:flex;align-items:center;gap:12px}.members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.member-card{background:linear-gradient(135deg,#1a1a2e99,#16213e66);border:2px solid rgba(212,175,55,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.member-card:hover{border-color:#d4af37;box-shadow:0 4px 20px #d4af374d}.member-avatar{font-size:3rem;color:#d4af37}.member-info{flex:1}.member-info h4{margin:0 0 5px;color:#fff;font-size:1.2rem}.member-rank{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600}.member-stats{display:flex;gap:15px}.member-stat{display:flex;align-items:center;gap:5px;color:#ccc;font-size:.95rem}.rank-selector{padding:8px 12px;background:#0006;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:#fff;cursor:pointer}.btn-new-announcement{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-new-announcement:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 20px #f4d03f99}.announcement-form{background:#0006;border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:25px;margin-bottom:30px}.announcement-form input,.announcement-form textarea{width:100%;padding:12px 15px;background:#00000080;border:2px solid rgba(212,175,55,.2);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:15px}.announcement-form input:focus,.announcement-form textarea:focus{outline:none;border-color:#d4af37}.form-actions{display:flex;gap:15px;justify-content:flex-end}.btn-cancel,.btn-submit{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#ffffff1a;color:#fff}.btn-submit{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;display:flex;align-items:center;gap:8px}.announcements-list{display:flex;flex-direction:column;gap:20px}.announcement-card{background:linear-gradient(135deg,#1a1a2e99,#16213e66);border:2px solid rgba(212,175,55,.2);border-radius:12px;padding:25px;position:relative}.announcement-card.pinned{border-color:#d4af37;background:linear-gradient(135deg,#d4af371a,#f4d03f0d)}.pinned-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:6px}.announcement-card h4{color:#f4d03f;margin:0 0 15px;font-size:1.5rem}.announcement-card p{color:#ccc;line-height:1.6;margin-bottom:20px}.announcement-footer{display:flex;justify-content:space-between;color:#999;font-size:.9rem}.announcement-author,.announcement-date{display:flex;align-items:center;gap:6px}.empty-announcements{text-align:center;padding:60px 20px;color:#666}.empty-announcements i{font-size:4rem;margin-bottom:20px;opacity:.3}.settings-card{background:linear-gradient(135deg,#1a1a2ecc,#16213e99);border:2px solid rgba(212,175,55,.3);border-radius:15px;padding:30px}.settings-card h3{color:#f4d03f;margin:0 0 25px;font-size:1.8rem;display:flex;align-items:center;gap:12px}.danger-zone{background:#c0392b1a;border:2px solid rgba(192,57,43,.3);border-radius:10px;padding:25px;margin-top:30px}.danger-zone h4{color:#e74c3c;margin:0 0 20px;font-size:1.3rem}.btn-danger{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#e74c3c,#ec7063);box-shadow:0 4px 20px #e74c3c80}.btn-dissolve{background:linear-gradient(135deg,#8b0000,#c0392b)}.my-clan-loading,.no-clan-message{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);color:#999;gap:20px}.my-clan-loading i,.no-clan-message i{font-size:5rem;color:#d4af37}.my-clan-loading p{font-size:1.3rem}.no-clan-message h2{color:#f4d03f;margin:0}.btn-goto-clans{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;padding:15px 30px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;margin-top:20px;transition:all .3s ease}.btn-goto-clans:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 4px 20px #f4d03f99;transform:translateY(-2px)}.requests-card{background:#0000004d;border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:25px}.requests-card h3{color:#f4d03f;margin:0 0 20px;display:flex;align-items:center;gap:12px;font-size:1.5rem}.requests-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:auto}.requests-list{min-height:200px;display:flex;flex-direction:column;gap:15px}.request-card{background:#0006;border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease}.request-card:hover{border-color:#d4af3780;box-shadow:0 4px 20px #d4af3733}.request-user{display:flex;align-items:center;gap:15px;flex:1}.request-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4d03f);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#1a1a2e}.request-info{flex:1}.request-info h4{margin:0 0 5px;color:#f4d03f;font-size:1.1rem}.request-date{margin:0 0 10px;color:#999;font-size:.85rem;display:flex;align-items:center;gap:6px}.request-message{margin:10px 0 0;padding:10px;background:#ffffff0d;border-left:3px solid #d4af37;border-radius:4px;color:#ccc;font-size:.9rem;display:flex;align-items:flex-start;gap:8px}.request-actions{display:flex;gap:10px}.btn-approve,.btn-reject{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.btn-approve{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-approve:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 4px 15px #2ecc7166;transform:translateY(-2px)}.btn-approve:disabled{background:linear-gradient(135deg,#7f8c8d,#95a5a6);cursor:not-allowed;opacity:.6;transform:none}.btn-approve:disabled:hover{box-shadow:none;transform:none}.btn-reject{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-reject:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 4px 15px #e74c3c66;transform:translateY(-2px)}.btn-reject:disabled{background:linear-gradient(135deg,#7f8c8d,#95a5a6);cursor:not-allowed;opacity:.6;transform:none}.btn-reject:disabled:hover{box-shadow:none;transform:none}.requests-info{background:linear-gradient(135deg,#3498db1a,#2980b90d);border:1px solid rgba(52,152,219,.3);border-radius:8px;padding:15px;margin-bottom:25px;color:#5dade2}.requests-info p{margin:0;display:flex;align-items:center;gap:10px}.empty-requests{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666;text-align:center}.empty-requests i{font-size:4rem;color:#555;margin-bottom:20px;opacity:.5}.empty-requests p{font-size:1.2rem;margin:0 0 10px;color:#999}.empty-requests small{color:#666;font-size:.9rem}.settings-section{background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:20px;margin-bottom:20px}.settings-section h4{color:#f4d03f;margin:0 0 20px;display:flex;align-items:center;gap:10px}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#ccc;font-weight:500}.setting-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#d4af37}.setting-item>label{display:block;color:#f4d03f;margin-bottom:8px;font-weight:600;font-size:.9rem}.setting-input{width:100%;background:#0000004d;border:1px solid rgba(212,175,55,.3);color:#fff;padding:10px 15px;border-radius:6px;font-size:1rem;transition:all .3s ease}.setting-input:focus{outline:none;border-color:#d4af37;background:#0006}.setting-file-input{width:100%;background:#0000004d;border:1px solid rgba(212,175,55,.3);color:#fff;padding:8px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.setting-file-input:focus{outline:none;border-color:#d4af37;background:#0006}.setting-file-input::file-selector-button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;color:#1a1a2e;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;margin-right:12px;transition:all .3s ease}.setting-file-input::file-selector-button:hover{background:linear-gradient(135deg,#f4d03f,#f9e79f);box-shadow:0 2px 10px #f4d03f66}.setting-textarea{width:100%;min-height:120px;background:#0000004d;border:1px solid rgba(212,175,55,.3);color:#fff;padding:12px 15px;border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease}.setting-textarea:focus{outline:none;border-color:#d4af37;background:#0006}.char-counter{display:block;margin-top:5px;color:#aaa;font-size:.85rem}.image-preview{margin-top:15px;padding:15px;background:#0000004d;border:1px solid rgba(212,175,55,.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.image-preview img{max-width:150px;max-height:150px;border-radius:8px;box-shadow:0 4px 15px #00000080;object-fit:contain}.image-preview.banner-preview img{max-width:100%;max-height:200px}.image-preview span{color:#aaa;font-size:.85rem}.settings-actions{margin-top:30px;padding:20px;background:#d4af370d;border:1px solid rgba(212,175,55,.2);border-radius:8px;display:flex;align-items:center;gap:20px}.save-settings-btn{padding:12px 24px;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #d4af374d}.save-settings-btn:hover:not(:disabled){background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.save-settings-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#888)}.unsaved-indicator{color:#f39c12;font-size:.9rem;display:flex;align-items:center;gap:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 1024px){.arena-stats{gap:30px}.arena-stat{padding:15px 20px}.stat-icon{width:50px;height:50px;font-size:1.5rem}}.cosmetics-tab{padding:20px}.cosmetics-card{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:30px;box-shadow:0 8px 32px #0000004d}.cosmetics-card h3{color:#f4d03f;margin-bottom:10px;font-size:1.5rem;display:flex;align-items:center;gap:12px}.cosmetics-description{color:#aaa;margin-bottom:30px;line-height:1.6;font-size:.95rem}.cosmetics-section{margin-bottom:40px}.cosmetics-section h4{color:#d4af37;margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:10px}.cosmetics-section .setting-item{margin-bottom:20px}.playmat-preview img{max-width:600px;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.cardback-preview img{max-width:300px;width:100%;height:auto;aspect-ratio:5/7;object-fit:contain}.preview-label{display:block;margin-top:10px;color:#aaa;font-size:.9rem;font-style:italic}.loading-cosmetics{text-align:center;padding:40px;color:#999;font-size:1.1rem}.cosmetics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.cosmetic-item{background:#0000004d;border:2px solid rgba(212,175,55,.2);border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.cosmetic-item:hover{border-color:#d4af37;background:#d4af371a;transform:translateY(-2px)}.cosmetic-item.selected{border-color:#f4d03f;background:#f4d03f26;box-shadow:0 0 20px #f4d03f4d}.cosmetic-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:8px;overflow:hidden}.cosmetic-image.playmat{height:80px}.cosmetic-image img{width:100%;height:100%;object-fit:contain}.cosmetic-image i{font-size:2.5rem;color:#666}.cosmetic-name{color:#fff;font-size:.9rem;text-align:center;font-weight:500}.cosmetics-actions{margin-top:30px;padding:20px;background:#d4af370d;border-radius:8px;display:flex;align-items:center;gap:20px;justify-content:center}.save-cosmetics-btn{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border:none;padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-size:1rem}.save-cosmetics-btn:hover:not(:disabled){background:linear-gradient(135deg,#f4d03f,#f9e79f);transform:translateY(-2px);box-shadow:0 4px 15px #f4d03f66}.save-cosmetics-btn:disabled{background:#666;cursor:not-allowed;opacity:.5}@media (max-width: 768px){.clan-arena-name{font-size:2.5rem}.arena-header{padding:60px 20px 40px}.arena-stats{flex-direction:column}.cosmetics-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}}@media (max-width: 768px){.clan-arena-name{font-size:2.5rem}.arena-header{padding:60px 20px 40px}.arena-stats{flex-direction:column;gap:15px;width:100%}.arena-stat{width:100%}.clan-navigation{flex-wrap:wrap;padding:0 20px}.nav-tab{flex:1 1 calc(50% - 5px);min-width:140px}.clan-content{padding:20px}.overview-grid,.members-list{grid-template-columns:1fr}.pillar{display:none}}.clan-battles-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#0f0f1e);padding-bottom:40px}.battles-nav-buttons{display:flex;gap:12px;padding:20px;position:sticky;top:0;background:#0f0f1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(212,175,55,.2)}.nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000004d;font-size:.9rem}.nav-btn-back{background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff}.nav-btn-back:hover{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 15px #9b59b680;transform:translateY(-2px)}.nav-btn-lobby{background:linear-gradient(135deg,#2c3e50,#34495e);color:#ecf0f1}.nav-btn-lobby:hover{background:linear-gradient(135deg,#34495e,#2c3e50);box-shadow:0 4px 15px #34495e80;transform:translateY(-2px)}.battles-hero{background:linear-gradient(135deg,rgba(212,175,55,.2) 0%,transparent 100%),linear-gradient(135deg,#0f0f1e,#1a1a2e);padding:60px 20px 40px;text-align:center;border-bottom:2px solid rgba(212,175,55,.3)}.hero-title{font-size:2.5rem;color:#f4d03f;text-shadow:0 0 20px rgba(244,208,63,.5);margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:15px}.hero-title i{color:#d4af37}.hero-subtitle{color:#aaa;font-size:1.1rem;margin:0}.battles-container{max-width:900px;margin:0 auto;padding:30px 20px}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:#aaa}.loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-state i,.empty-state i{font-size:3rem;margin-bottom:15px;color:#d4af37}.btn-retry{margin-top:15px;padding:10px 25px;background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.battles-list{display:flex;flex-direction:column;gap:20px}.battle-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:20px;transition:all .3s ease}.battle-card:hover{border-color:#d4af37;box-shadow:0 4px 20px #d4af374d}.battle-date{text-align:center;color:#888;font-size:.85rem;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:8px}.battle-clans{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.battle-clan{display:flex;align-items:center;gap:12px;flex:1;padding:15px;background-color:#1a1a2e;background-size:cover;background-position:center;border-radius:10px;border:2px solid transparent;position:relative;transition:all .3s ease}.battle-clan:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:8px;z-index:0}.battle-clan>*{position:relative;z-index:1}.battle-clan.winner{border-color:#4caf50}.battle-clan.winner:before{background:#4caf504d}.battle-clan:first-child{flex-direction:row}.battle-clan:last-child{flex-direction:row-reverse;text-align:right}.battle-clan:last-child .clan-info{align-items:flex-end}.battle-clan .clan-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(212,175,55,.5)}.battle-clan .clan-info{display:flex;flex-direction:column;gap:2px}.battle-clan .clan-name{font-weight:700;color:#f4d03f;font-size:1rem}.battle-clan .clan-tag{color:#d4af37;font-size:.8rem}.battle-clan .player-name{color:#ccc;font-size:.8rem;display:flex;align-items:center;gap:5px}.battle-clan:last-child .player-name{justify-content:flex-end}.winner-badge{position:absolute;top:-10px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 2px 10px #4caf5080;z-index:2}.battle-clan:first-child .winner-badge{right:10px}.battle-clan:last-child .winner-badge{left:10px}.battle-vs{flex-shrink:0;font-size:1.2rem;font-weight:800;color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.5)}.battles-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.pagination-btn{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a2e;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #d4af3780}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#aaa;font-size:.9rem}@media (max-width: 768px){.hero-title{font-size:1.8rem}.battle-clans{flex-direction:column;gap:10px}.battle-clan{width:100%;flex-direction:row!important;text-align:left!important}.battle-clan .clan-info{align-items:flex-start!important}.battle-clan .player-name{justify-content:flex-start!important}.battle-vs{padding:5px 0}.winner-badge{right:10px!important;left:auto!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}