*{margin:0;padding:0;box-sizing:border-box;}
:root{--y:#f9c80e;--yd:#c99a00;--dark:#111118;--card:rgba(255,255,255,0.05);--border:rgba(255,255,255,0.10);--text:#e8e8f0;--sub:#8888aa;}
body{font-family:'Nunito',sans-serif;color:var(--text);background:var(--dark);min-height:100vh;overflow-x:hidden;padding-top:62px;}
.navbar{background:#f9c80e;padding:0 16px;display:flex;align-items:center;height:62px;position:fixed;top:0;left:0;right:0;width:100%;z-index:300;box-shadow:0 3px 16px rgba(0,0,0,0.5);gap:6px;}
.navbar .brand{display:flex;align-items:center;gap:10px;margin-right:10px;text-decoration:none;flex-shrink:0;}
.navbar .brand img{height:42px;border-radius:50%;border:2.5px solid #111;flex-shrink:0;}
.navbar .brand-name{font-family:'Lilita One',cursive;font-size:15px;color:#111;text-shadow:1px 1px 0 rgba(255,255,255,0.3);white-space:nowrap;letter-spacing:0.3px;}
.navbar nav{display:flex;align-items:center;gap:2px;}
.navbar nav a{font-weight:900;font-size:12px;color:#111;text-decoration:none;padding:7px 11px;border-radius:7px;text-transform:uppercase;transition:background 0.15s;white-space:nowrap;}
.navbar nav a:hover,.navbar nav a.active-nav{background:rgba(0,0,0,0.13);}
.navbar .right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0;}
.lang-toggle{display:flex;background:rgba(0,0,0,0.15);border-radius:7px;overflow:hidden;}
.lang-toggle button{background:transparent;border:none;padding:5px 9px;font-family:'Nunito',sans-serif;font-weight:900;font-size:11px;color:#111;cursor:pointer;text-transform:uppercase;transition:background 0.15s;white-space:nowrap;}
.lang-toggle button.al{background:rgba(0,0,0,0.22);}
.navbar .right img{width:34px;height:34px;border-radius:50%;border:2.5px solid #111;object-fit:cover;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;margin-right:4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.hamburger span{width:22px;height:2.5px;background:#111;border-radius:2px;transition:all 0.3s;}
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
.mobile-nav{display:none;position:fixed;top:62px;left:0;right:0;background:#f9c80e;z-index:290;flex-direction:column;box-shadow:0 6px 20px rgba(0,0,0,0.4);animation:slideDown 0.2s ease;}
.mobile-nav.open{display:flex;}
.mobile-nav a{font-weight:900;font-size:14px;color:#111;text-decoration:none;padding:14px 20px;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,0.08);transition:background 0.15s;}
.mobile-nav a:hover,.mobile-nav a.active-nav{background:rgba(0,0,0,0.1);}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.section{display:none;}
.section.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.stats-hero{text-align:center;padding:60px 20px;}
.updates-container{margin-top:40px; background:#121218; border:1px solid rgba(255,255,255,0.05); border-radius:12px; overflow:hidden;}
.container{max-width:1000px;margin:0 auto;padding:32px 16px;}
.sec-title{font-family:'Lilita One',cursive;font-size:1.9rem;color:var(--y);text-shadow:3px 3px 0 #000;margin-bottom:24px;letter-spacing:1px;}
.srow{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
.srow input{flex:1;min-width:180px;padding:13px 18px;font-size:15px;font-family:'Nunito',sans-serif;border:2px solid rgba(249,200,14,0.4);border-radius:10px;background:rgba(255,255,255,0.05);color:white;outline:none;transition:border-color 0.2s;}
.srow input:focus{border-color:var(--y);}
.srow input::placeholder{color:#55556a;}
.btn{background:var(--y);color:#111;border:none;padding:13px 24px;font-family:'Nunito',sans-serif;font-weight:900;font-size:14px;cursor:pointer;border-radius:10px;box-shadow:0 5px 0 var(--yd);text-transform:uppercase;transition:transform 0.1s,box-shadow 0.1s;white-space:nowrap;}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--yd);}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.rtable{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;min-width:400px;}
.rtable thead tr{background:var(--y);color:#111;}
.rtable th{font-family:'Lilita One',cursive;font-size:13px;padding:11px 14px;text-align:left;white-space:nowrap;}
.rtable tbody tr{background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.05);transition:background 0.15s;}
.rtable tbody tr:hover{background:rgba(255,255,255,0.09);}
.rtable td{padding:10px 14px;font-size:13px;vertical-align:middle;white-space:nowrap;}
.rnum{font-family:'Lilita One',cursive;font-size:15px;color:var(--y);text-shadow:1px 1px 0 #000;}
.pname{font-weight:800;font-size:13px;white-space:normal;word-break:break-word;max-width:150px;}
.sval{font-weight:800;color:var(--y);}
.msg-l{color:var(--y);font-weight:700;font-size:13px;padding:20px 0;}
.msg-e{color:#e74c3c;font-weight:700;font-size:15px;padding:20px 0;}
footer{text-align:center;padding:20px;font-size:12px;color:#44445a;border-top:1px solid rgba(255,255,255,0.05);margin-top:40px;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:#0d0d16;}
::-webkit-scrollbar-thumb{background:#333;border-radius:3px;}
.t-banner{height:80px;background-size:cover;background-position:center;background-color:#222;position:relative;}
.t-banner-icon{position:absolute;bottom:10px;left:15px;width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,0.2);box-shadow:0 4px 10px rgba(0,0,0,0.5);object-fit:cover;background:#222;z-index:2;}
.t-name{font-family:'Lilita One',cursive;font-size:1.25rem;color:white;margin-bottom:10px;line-height:1.2;letter-spacing:0.5px;}
.t-meta-row{display:flex;gap:12px;font-size:12px;color:var(--sub);font-weight:700;margin-bottom:6px;flex-wrap:wrap;}
.t-prize-pool{color:var(--y);font-size:14px;font-weight:900;display:flex;align-items:center;gap:5px;}
.t-section-title{font-family:'Lilita One',cursive;font-size:1.1rem;color:var(--y);margin:20px 0 10px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5px;}
.t-map-list, .t-prize-list{list-style:none;display:flex;flex-direction:column;gap:8px;}
.t-map-item{background:rgba(255,255,255,0.05);padding:10px;border-radius:8px;display:flex;justify-content:space-between;font-size:12px;flex-wrap:wrap;gap:5px;}
.t-prize-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.03);flex-wrap:wrap;gap:5px;}
.sk-rarity.COMMON{background:rgba(160,160,160,0.15);color:#ccc;border:1px solid rgba(160,160,160,0.3);}
.sk-rarity.UNCOMMON{background:rgba(30,200,30,0.15);color:#4dd44d;border:1px solid rgba(77,212,77,0.3);}
.sk-rarity.RARE{background:rgba(30,120,255,0.15);color:#6ab0ff;border:1px solid rgba(106,176,255,0.3);}
.sk-rarity.EPIC{background:rgba(160,30,255,0.18);color:#c66eff;border:1px solid rgba(198,110,255,0.3);}
.sk-rarity.MYTHIC{background:rgba(255,60,120,0.18);color:#ff6ea0;border:1px solid rgba(255,110,160,0.3);}
.sk-rarity.LEGENDARY{background:rgba(249,200,14,0.18);color:#f9c80e;border:1px solid rgba(249,200,14,0.3);}
.sk-rarity.SPECIAL{background:rgba(255,140,0,0.18);color:#ffa040;border:1px solid rgba(255,160,64,0.3);}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.82);z-index:500;align-items:center;justify-content:center;padding:16px;}
.modal-overlay.open{display:flex;}
.modal-box{background:#1a1a28;border:1px solid rgba(255,255,255,0.12);border-radius:22px;padding:32px 28px;max-width:360px;width:100%;text-align:center;position:relative;animation:fadeIn 0.2s ease;}
.modal-close{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.6);border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;z-index:1100;text-shadow:0 0 5px rgba(0,0,0,0.8);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.modal-close:hover{color:white;}
.modal-img{width:160px;height:160px;object-fit:contain;display:block;margin:0 auto 16px;border-radius:16px;border:3px solid rgba(249,200,14,0.35);}
.modal-name{font-family:'Lilita One',cursive;font-size:1.5rem;color:white;text-shadow:2px 2px 0 #000;margin-bottom:8px;}
.modal-rarity{display:inline-block;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;}
.modal-version{font-size:11px;color:#666;margin-top:6px;}
.step-num{width:30px;height:30px;border-radius:50%;background:var(--y);color:#111;font-family:'Lilita One',cursive;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.step-title{font-family:'Lilita One',cursive;font-size:1rem;color:white;}
.step-desc{font-size:13px;color:#888;line-height:1.6;margin-bottom:12px;}
.clan-logo-wrap{width:46px;height:46px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,0.1);}
.clan-logo-wrap-lg{width:56px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,0.12);}
.clan-logo-wrap svg,.clan-logo-wrap-lg svg{width:100%;height:100%;display:block;}
.clan-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:24px;}
.clan-card{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:14px;padding:16px 18px;cursor:pointer;transition:transform 0.15s,border-color 0.15s;display:flex;align-items:center;gap:14px;}
.clan-card:hover{transform:translateY(-3px);border-color:rgba(249,200,14,0.35);}
.clan-card-info{flex:1;min-width:0;}
.clan-card-name{font-weight:800;font-size:14px;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.clan-card-tag{font-size:11px;color:var(--sub);font-weight:700;margin-top:1px;}
.clan-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px;}
.clan-meta-chip{font-size:11px;font-weight:700;color:#aaa;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.07);border-radius:6px;padding:2px 8px;}
.clan-meta-chip.xp{color:var(--y);border-color:rgba(249,200,14,0.2);background:rgba(249,200,14,0.07);}
.clan-join-open{color:#2ecc71;font-size:10px;font-weight:900;text-transform:uppercase;}
.clan-join-closed{color:#e74c3c;font-size:10px;font-weight:900;text-transform:uppercase;}
.clan-join-invite{color:var(--y);font-size:10px;font-weight:900;text-transform:uppercase;}
.clan-section-label{font-size:12px;color:var(--sub);font-weight:800;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.05);}
.clan-clear-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#aaa;padding:7px 14px;border-radius:8px;font-family:'Nunito',sans-serif;font-weight:800;font-size:12px;cursor:pointer;margin-bottom:16px;transition:all 0.15s;text-transform:uppercase;}
.clan-clear-btn:hover{background:rgba(255,255,255,0.09);color:white;}
.clan-stat{flex:1;min-width:90px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:10px;padding:11px 10px;text-align:center;}
.clan-stat-val{font-family:'Lilita One',cursive;font-size:1.2rem;color:var(--y);text-shadow:1px 1px 0 #000;}
.clan-stat-lbl{font-size:10px;color:var(--sub);font-weight:800;text-transform:uppercase;letter-spacing:0.4px;margin-top:3px;}
.clan-members-list{display:flex;flex-direction:column;gap:5px;max-height:380px;overflow-y:auto;padding-right:2px;}
.clan-member-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);transition:background 0.12s;}
.clan-member-row:hover{background:rgba(255,255,255,0.06);}
.cmr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.cmr-dot.on{background:#2ecc71;}
.cmr-dot.off{background:#333;}
.cmr-skin{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,0.1);flex-shrink:0;}
.cmr-skin-ph{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);flex-shrink:0;}
.cmr-name{font-weight:800;font-size:13px;color:white;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cmr-stats{display:flex;gap:6px;font-size:11px;color:#777;font-weight:700;flex-shrink:0;}
.cmr-role{font-size:10px;font-weight:900;padding:2px 7px;border-radius:5px;text-transform:uppercase;flex-shrink:0;}
.cmr-role.leader{background:rgba(249,200,14,0.15);color:var(--y);}
.cmr-role.admin{background:rgba(88,101,242,0.15);color:#8a9fff;}
.cmr-role.member{background:rgba(255,255,255,0.05);color:#666;}
.ambassador-card{position:relative;background:#1a1a28;border:2px solid rgba(255,255,255,0.12);border-radius:24px;padding:32px;display:flex;align-items:center;gap:28px;overflow:hidden;margin-bottom:48px;box-shadow:0 20px 40px rgba(0,0,0,0.5);}
.ambassador-avatar-wrap{position:relative;flex-shrink:0;}
.ambassador-avatar{width:140px;height:140px;border-radius:50%;border:4px solid var(--y);box-shadow:0 0 30px rgba(249,200,14,0.4),0 0 60px rgba(249,200,14,0.15);object-fit:cover;}
.ambassador-info{flex:1;min-width:0;}
.ambassador-name{font-family:'Lilita One',cursive;font-size:2rem;color:white;text-shadow:2px 2px 0 #000;line-height:1.1;}
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:48px;}
.mod-avatar-wrap{position:relative;display:inline-block;margin-bottom:14px;}
.mod-avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(88,101,242,0.6);box-shadow:0 0 20px rgba(88,101,242,0.25);object-fit:cover;transition:border-color 0.2s;}
.mod-avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:2px dashed rgba(88,101,242,0.3);animation:spinRing 8s linear infinite;}
@keyframes spinRing{to{transform:rotate(360deg);}}
.mod-name{font-family:'Lilita One',cursive;font-size:1.1rem;color:white;text-shadow:1px 1px 0 #000;}
.mod-role-pill{display:inline-flex;align-items:center;gap:5px;background:rgba(88,101,242,0.15);border:1px solid rgba(88,101,242,0.35);color:#8a9fff;padding:3px 12px;border-radius:20px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:0.8px;margin-top:7px;}
.social-section{max-width:1000px;margin:0 auto 48px;padding:0 16px;}
.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:28px 20px;text-decoration:none;text-align:center;transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s;position:relative;overflow:hidden;}
.social-card::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,0.03) 0%,transparent 60%);pointer-events:none;}
.social-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.5);}
.social-card.youtube{border-color:rgba(255,0,0,0.2);}
.social-card.youtube:hover{border-color:rgba(255,0,0,0.6);box-shadow:0 16px 40px rgba(0,0,0,0.5),0 0 20px rgba(255,0,0,0.1);}
.social-card.tiktok{border-color:rgba(0,242,234,0.2);}
.social-card.tiktok:hover{border-color:rgba(0,242,234,0.6);box-shadow:0 16px 40px rgba(0,0,0,0.5),0 0 20px rgba(0,242,234,0.1);}
.social-card.twitch{border-color:rgba(145,70,255,0.2);}
.social-card.twitch:hover{border-color:rgba(145,70,255,0.6);box-shadow:0 16px 40px rgba(0,0,0,0.5),0 0 20px rgba(145,70,255,0.1);}
.social-name{font-family:'Lilita One',cursive;font-size:1.15rem;color:white;text-shadow:1px 1px 0 #000;}
.social-handle{font-size:12px;font-weight:700;margin-top:2px;}
.social-card.youtube .social-handle{color:#ff4444;}
.social-card.tiktok .social-handle{color:#00f2ea;}
.social-card.twitch .social-handle{color:#9146ff;}
.crowns-refresh-info{font-size:11px;color:#555;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.crowns-refresh-info .dot-live{width:8px;height:8px;border-radius:50%;background:#2ecc71;animation:pulseDot 2s infinite;}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:0.3}}
@media(max-width:900px){
.navbar nav{display:none;}.hamburger{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;}.navbar .brand-name{display:none;}.ambassador-card{flex-direction:column;text-align:center;}
}
@media(max-width:600px){
.navbar{height:56px;padding:0 12px;gap:4px;}
.mobile-nav{top:56px;}
.navbar .brand img{height:36px;}
.lang-toggle button{padding:4px 6px;font-size:10px;}
.navbar .right img{width:28px;height:28px;}
.hamburger{margin-right:2px;}
.mobile-nav a{padding:15px 20px;font-size:15px;display:flex;align-items:center;gap:10px;}
.mobile-nav a.active-nav{background:rgba(0,0,0,0.15);border-left:4px solid rgba(0,0,0,0.3);}
.container{padding:20px 12px;}
.sec-title{font-size:1.4rem;margin-bottom:16px;}
.srow{flex-direction:column;gap:8px;}
.srow input,.btn{width:100%;box-sizing:border-box;}
.btn{text-align:center;justify-content:center;}
.rtable{min-width:0;}
.rtable th{font-size:11px;padding:9px 8px;}
.rtable td{padding:8px 8px;font-size:12px;}
.pname{max-width:110px;}
.table-wrap{border-radius:10px;overflow:hidden;}
.ambassador-card{padding:20px;gap:20px;}
.ambassador-avatar{width:90px;height:90px;}
.ambassador-name{font-size:1.4rem;}
.mod-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
.social-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
.social-card{padding:20px 14px;}
.clan-card-grid{grid-template-columns:1fr;}
.clan-card{padding:14px;}
.gameplay-maps-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;}
.gameplay-map-name{font-size:0.82rem;}
.map-lightbox-box{border-radius:16px;}
.map-lightbox-img{max-height:38vh;}
.map-lightbox-name{font-size:1.3rem;}
.modal-box{padding:24px 18px;border-radius:18px;}
.modal-img{width:130px;height:130px;}
}
@media(max-width:480px){
.social-grid{grid-template-columns:1fr;}
.lang-toggle button{padding:4px 5px;font-size:9px;}
.navbar .right{gap:4px;}
}
@media(max-width:380px){
.navbar{height:52px;padding:0 8px;}
.mobile-nav{top:52px;}
.navbar .brand img{height:32px;}
.lang-toggle button{padding:3px 5px;font-size:9px;}
.container{padding:16px 10px;}
.sec-title{font-size:1.2rem;}
}
.left-controls{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
@media(max-width: 600px){
.left-controls{
        gap: 7px;
    }#tournamentFilters > div{ flex-direction: column; align-items: stretch !important; gap: 10px; width: 100%; }.calendar-grid{ min-width: 0; gap: 1px; border-radius: 8px; }
}
.gameplay-maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:10px;}
.gameplay-map-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all 0.25s ease;position:relative;}
.gameplay-map-card:hover{transform:translateY(-6px);border-color:rgba(249,200,14,0.6);box-shadow:0 20px 40px rgba(0,0,0,0.6);}
.gameplay-map-thumb-wrap{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#111;}
.gameplay-map-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}
.gameplay-map-card:hover .gameplay-map-thumb{transform:scale(1.07);}
.gameplay-map-thumb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,#1a1a2e,#0d0d16);}
.gameplay-map-info{padding:10px 12px;}
.gameplay-map-name{font-family:'Lilita One',cursive;font-size:0.88rem;color:white;text-shadow:1px 1px 0 #000;line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gameplay-map-id{font-size:9px;color:var(--y);font-weight:900;letter-spacing:0.5px;opacity:0.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.map-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center;pointer-events:none;}
.map-lightbox.open{display:flex;pointer-events:all;animation:fadeIn 0.2s ease;padding:10px;}
.map-lightbox-box{position:relative;max-width:min(95vw,1000px);width:100%;background:#1a1a24;border-radius:24px;overflow:hidden;border:4px solid var(--y);box-shadow:0 0 50px rgba(0,0,0,0.8);max-height:95vh;display:flex;flex-direction:column;}
.map-lightbox-img{width:100%;display:block;max-height:65vh;object-fit:cover;border-bottom:4px solid var(--y);background:transparent;}
.map-lightbox-info{padding:25px 30px;background:linear-gradient(to bottom, #1a1a24, #111118);}
.map-lightbox-box{position:relative;max-width:min(90vw,700px);width:100%;background:#1a1a24;border-radius:24px;overflow:hidden;border:4px solid var(--y);box-shadow:0 0 50px rgba(0,0,0,0.8);max-height:85vh;display:flex;flex-direction:column;}
.map-lightbox-img{width:100%;display:block;max-height:45vh;object-fit:cover;border-bottom:4px solid var(--y);background:transparent;}
.map-lightbox-info{padding:20px 24px;background:linear-gradient(to bottom, #1a1a24, #111118);}
.map-lightbox-name{font-family:'Lilita One',cursive;font-size:1.6rem;color:var(--y);text-shadow:2px 2px 0 #000;margin-bottom:4px;}
.map-lightbox-id{font-size:12px;color:#888;font-weight:700;font-family:monospace;letter-spacing:0.5px;}
.map-lightbox-close{position:absolute;top:12px;right:14px;background:rgba(0,0,0,0.6);border:none;color:white;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background 0.15s;}
.map-lightbox-close:hover{background:rgba(255,255,255,0.15);}
/* Filter pills with color coding */
/* Card grid — min 220px so cards are big enough to read */
/* Card = just the image, full quality */
/* Badge overlay bottom-left */
/* Hide text footer — the image already has name/club baked in */
/* Club section */
/* Count bar */
/* Lightbox — shows image at full quality, no scaling down */
#livetournaments{background:#0a0b0f;}
/* Top bar */
/* Layout */
/* Section header */
/* Tournament card — horizontal Challengermode style */
/* Bar progress */
/* Toast */
/* Detail view */
/* Detail tabs */
/* Overview */
/* Players */
/* Bracket */
/* Rules */
/* Sidebar */
/* Admin panel */
/* Match panel */
@keyframes joinPulse{0%{transform:scale(0.85);opacity:0}60%{transform:scale(1.04);}100%{transform:scale(1);opacity:1;}}
/* ═══ SONG CARD (extra.html) ═══ */
.sg-song-card{
  display:flex;gap:24px;align-items:center;
  background:#141422;border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:24px;max-width:520px;
}
.sg-song-cover img{width:90px;height:90px;border-radius:12px;object-fit:cover;border:2px solid rgba(249,200,14,.2);}
.sg-song-info{flex:1;min-width:0;}
.sg-song-title{font-family:'Lilita One',cursive;font-size:1rem;color:#fff;margin-bottom:3px;line-height:1.3;}
.sg-song-artist{font-size:11px;color:#666;font-weight:700;margin-bottom:14px;}
.sg-song-progress-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.sg-song-time{font-size:10px;color:#555;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;}
.sg-song-track{flex:1;height:5px;background:#252538;border-radius:3px;cursor:pointer;position:relative;}
.sg-song-fill{height:100%;background:var(--y);border-radius:3px;transition:width .1s linear;width:0%;}
.sg-song-controls{display:flex;align-items:center;gap:10px;}
.sg-song-play{
  width:44px;height:44px;border-radius:50%;border:none;
  background:var(--y);color:#111;font-size:16px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s;flex-shrink:0;
}
.sg-song-play:hover{transform:scale(1.08);}
.sg-song-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.6;transition:opacity .15s;}
.sg-song-btn:hover{opacity:1;}

@media(max-width:480px){
  .sg-song-card{flex-direction:column;align-items:flex-start;}
  .sg-song-cover img{width:70px;height:70px;}
}

.check-crowns-modal{display:none;}
.clan-modal-overlay{display:none;}

/* Fix mobile white square on input focus/autofill */
input, textarea, select {
  -webkit-tap-highlight-color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px var(--dark, #111118) inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* ---- Home: Top Coronas preview (synced with crowns page, instant cache) ---- */
.home-crowns{max-width:720px;margin:8px auto 50px;padding:0 18px;animation:fadeIn .4s ease;}
.hc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.hc-title{font-family:'Lilita One',cursive;font-size:1.4rem;color:#fff;}
.hc-title span{color:var(--y);}
.hc-all{font-size:12px;font-weight:900;color:var(--y);text-decoration:none;background:rgba(249,200,14,0.1);border:1px solid rgba(249,200,14,0.25);padding:7px 13px;border-radius:9px;transition:background .15s;}
.hc-all:hover{background:rgba(249,200,14,0.2);}
.hc-list{display:flex;flex-direction:column;gap:6px;}
.hc-row{display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#15171f,#11131a);border:1px solid rgba(255,255,255,0.06);border-radius:11px;padding:11px 14px;text-decoration:none;transition:transform .12s,border-color .12s;}
.hc-row:hover{transform:translateX(3px);border-color:rgba(249,200,14,0.3);}
.hc-rank{min-width:30px;font-weight:900;font-size:14px;color:#6b7280;text-align:center;}
.hc-rank.top{font-size:18px;}
.hc-name{flex:1;font-weight:800;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hc-val{font-weight:900;font-size:14px;color:var(--y);white-space:nowrap;}
@media(max-width:600px){.home-crowns{margin-bottom:36px;}.hc-title{font-size:1.2rem;}.hc-name,.hc-val{font-size:13px;}}

/* ---- Crowns period filter (1d / 7d / 30d / Siempre) ---- */
.crowns-period{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 12px;}
.cp-btn{background:#161821;color:#9ca3af;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:8px 16px;font-weight:900;font-size:12.5px;cursor:pointer;letter-spacing:0.3px;transition:all .15s;font-family:'Nunito',sans-serif;}
.cp-btn:hover{color:#e5e7eb;border-color:rgba(249,200,14,0.3);}
.cp-btn.active{background:var(--y);color:#111;border-color:var(--y);box-shadow:0 4px 12px rgba(249,200,14,0.25);}
.cp-note{flex-basis:100%;font-size:11.5px;color:#9ca3af;line-height:1.5;padding:6px 2px 0;}
.cp-note b{color:#fcd34d;}

/* Nombres con color del juego (Stumble tags renderizados) */
.sg-name{ display:inline; font-weight:inherit; }
.sg-name span[style*="color"]{ font-weight:inherit; }

/* ── Custom searchable country dropdown ──────────────────────────────── */
.sgcd{position:relative;width:100%}
.sgcd-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#1a1a2e;color:#e8e8f0;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .2s,box-shadow .2s;gap:8px}
.sgcd-btn:hover{border-color:rgba(249,200,14,.3);box-shadow:0 0 0 2px rgba(249,200,14,.08)}
.sgcd-arrow{font-size:10px;color:#888;transition:transform .2s}
.sgcd-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#16161f;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:999;overflow:hidden;max-height:280px;display:flex;flex-direction:column}
.sgcd-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#e8e8f0;font-size:13px;font-weight:600;outline:none;box-sizing:border-box}
.sgcd-search::placeholder{color:#555}
.sgcd-list{overflow-y:auto;max-height:220px;padding:4px}
.sgcd-opt{padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;color:#ccc;transition:background .15s}
.sgcd-opt:hover{background:rgba(249,200,14,.1);color:#e8e8f0}
.sgcd-opt-all{font-weight:800;color:#f9c80e;border-bottom:1px solid rgba(255,255,255,.06);border-radius:8px 8px 0 0;margin-bottom:2px}
.sgcd-list::-webkit-scrollbar{width:6px}
.sgcd-list::-webkit-scrollbar-track{background:transparent}
.sgcd-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}