.modal-box{display:flex;flex-direction:column;background:var(--card-bg);width:95%;max-width:800px;height:85vh;margin:7vh auto;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 15px 50px rgba(0,0,0,0.3);color:var(--text)}
.rank-popup-header{padding:0px 5px;background:var(--card-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;flex-shrink:0}
.rank-popup-header h3{color:var(--text)!important}
.filter-container{background:rgba(255,255,255,0.05)!important;border:none!important;padding:10px;border-radius:15px;display:flex;gap:8px;overflow-x:auto;margin-bottom:15px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2)}
.f-btn{background:var(--card-bg);color:var(--faint);border:none;padding:8px 15px;border-radius:10px;font-size:0.75rem;font-weight:700;white-space:nowrap;transition:all .2s;cursor:pointer}
.f-btn.act{background:#007bff;color:#fff;box-shadow:0 4px 10px rgba(0,123,255,0.4)}
[data-theme='dark'] .filter-container{background:rgba(0,0,0,0.2)!important}
[data-theme='dark'] .f-btn{background:#2a2a2a;color:#999}
.filter-container{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:10px 5px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}
.filter-container::-webkit-scrollbar{display:none}
.filter-container:active{cursor:grabbing}
.f-btn{font-size:13px;padding:8px 15px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;white-space:nowrap;transition:0.2s}
.f-btn.act{background:#007bff;color:#fff;border-color:#007bff}
.f-btn.act{background:var(--text)!important;color:var(--card-bg)!important;box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.f-btn:not(.act){background:transparent;color:var(--faint)}
#isiRank{margin-top:5px}
#isiRank{flex-grow:1;overflow-y:auto;scrollbar-width:thin;padding:20px}
.pop-table{width:100%;border-collapse:collapse;font-size:0.9rem}
.pop-table thead th{position:sticky;top:0;background:var(--card-bg);z-index:10;padding:15px 10px;border-bottom:2px solid var(--border);font-size:0.75rem;color:var(--faint);text-transform:uppercase}
.pop-table td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}
.rank-no{font-weight:900;color:var(--faint)}
.col-lwn{font-size:0.8rem;color:var(--faint);line-height:1.4}
@media(max-width:768px){.col-hide{display:none}}
:root{--premium-blue:#1a2a6c;--premium-gold:#c5a059}
.nav-tabs-scroll{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:15px;background:var(--bg)}
.tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:0.85rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.04);transition:all .2s ease;line-height:1.3;grid-column:span 2}
.tab-btn span{display:block;font-size:0.65rem;font-weight:400;color:var(--faint);margin-top:2px;text-transform:uppercase}
.tab-btn:active{transform:scale(.95);background:var(--border)}
.btn-win{border-left:5px solid #dff9fb}
.btn-lose{border-left:5px solid #f7d794}
.btn-s100{border-left:5px solid #78e08f}
.btn-s1k{border-left:5px solid #60a3bc}
.btn-k100{border-left:5px solid #fab1a0}
.btn-k1k{border-left:5px solid #ff7675}
.btn-g100{border-left:5px solid #dfe6e9}
.btn-g1k{border-left:5px solid #a29bfe}
.tab-btn:nth-child(1),.tab-btn:nth-child(2),.tab-btn:nth-child(3),.tab-btn:nth-child(4){grid-column: span 3;}.tab-btn:nth-child(5),.tab-btn:nth-child(6),.tab-btn:nth-child(7){grid-column: span 2;}.tab-btn:nth-child(n+8){grid-column: span 2;}
.modal-bg{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}
.close-x{position:absolute;right:20px;top:15px;font-size:28px;color:var(--faint);cursor:pointer;z-index:11}
body{padding-bottom:110px!important;overflow-x:hidden}
*{box-sizing:border-box}
.bottom-nav-tg{position:fixed;bottom:0;left:0;right:0;width:100%;height:70px;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:space-around;border-top:1px solid #f0f0f0;z-index:9999;backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent}
.nav-tg-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;color:#8e8e93;cursor:pointer;gap:2px;transition:all 0.3s ease;text-decoration:none;height:55px;border-radius:12px;margin:0 5px}
.nav-tg-item:active{transform:scale(0.9)}
.nav-tg-item.active{color:#2980b9;background-color:rgba(41,128,185,0.15)}
.nav-tg-item span,.nav-tg-item svg{display:block;margin-bottom:2px}
.nav-tg-item small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.3px;color:inherit}
.btn-plus-center{width:58px;height:58px;background:#3498db;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-top:-35px;border:4px solid #fff;box-shadow:0 4px 12px rgba(52,152,219,0.3);transition:all 0.2s;cursor:pointer}
.btn-plus-center.live-mode{background:#ed4956}
.btn-plus-center svg{margin-bottom:0}
.btn-plus-center small{font-size:8px;font-weight:900;text-transform:uppercase;margin-top:2px}
.btn-plus-center:active{transform:scale(0.9)}
.live-blink{animation:blink-live 1.5s infinite}
@keyframes blink-live{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}
.nav-numbers{display:flex;gap:4px;justify-content:center}
.nav-numbers button{display:none}
.nav-numbers button:nth-child(-n+4),.nav-numbers button.active{display:block!important}
@media (min-width:480px){.nav-numbers button{display:block!important}}
:root{--bg:#ffffff;--text:#000000;--border:#eeeeee;--faint:#666666;--win:#16a085;--lose:#c0392b;--card-bg:#fdfdfd;color-scheme:light;--row-highlight:#f2fdf6}
[data-theme='dark']{--bg:#1c1c1c;--text:#e5e5e5;--border:#555555;--faint:#cccccc;--card-bg:#252525;color-scheme:dark;--row-highlight:rgba(46,204,113,0.2)}
body{background:var(--bg);color:var(--text);font-family:-apple-system,system-ui,sans-serif;margin:0;transition:background .3s,color .3s}
*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}
button:focus,div:focus,a:focus{outline:none;box-shadow:none}
.nav-container{display:flex;justify-content:space-between;align-items:center;padding:20px 15px;margin-bottom:10px}
.player-cell{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.nav-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#installPWA{background:#28a745;color:white;border:none;padding:0 15px 0 10px;height:46px;border-radius:12px;font-weight:bold;cursor:pointer;display:flex;align-items:center;gap:12px;transition:0.3s;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
#installPWA:hover{background:#218838;transform:translateY(-1px)}
.icon-box-bg{background:rgba(255,255,255,0.8);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:26px;height:26px}
.icon-grid svg{width:12px;height:12px;display:block}
.btn-theme{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);width:46px;height:46px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
#pwa-area{display:none}
.post-info strong{font-size:1.1rem;font-weight:900;color:var(--text);letter-spacing:1px}
.txt-caps{text-transform:uppercase}
.header{padding:15px;border-bottom:2px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}
.header-content{display:flex;align-items:center;justify-content:space-between}
.top-dash{display:flex;gap:12px;padding:15px;background:var(--bg)}
.dash-wrapper{width:100%;overflow:hidden;background:var(--card-bg);padding:15px 0}
.dash-scroll{display:flex;overflow-x:auto;padding:0 15px 10px 15px;gap:15px;-webkit-overflow-scrolling:touch;justify-content:flex-start}
@media(pointer:fine){.dash-scroll{scrollbar-width:thin;scrollbar-color:#ed4956 #f0f0f0}.dash-scroll::-webkit-scrollbar{display:block;height:6px}.dash-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.dash-scroll::-webkit-scrollbar-thumb{background:#ed4956;border-radius:10px}}
@media(pointer:coarse){.dash-scroll::-webkit-scrollbar{display:none}.dash-scroll{scrollbar-width:none;-ms-overflow-style:none}}
.dash-group{flex:0 0 85%;min-width:280px;scroll-snap-align:start}
@media (min-width:1024px){.dash-scroll{justify-content:flex-start;overflow:auto}.dash-group{flex:1;max-width:300px}}
.m-st{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);overflow-y:auto;backdrop-filter:blur(5px)}
.m-ct{background:#fff;margin:10px auto;padding:15px;border-radius:15px;width:96%;max-width:900px;color:#333;box-sizing:border-box}
.tbl-res{width:100%;overflow-x:auto;margin-top:10px;border-radius:10px;border:1px solid #ddd}
.row-tgl{background:#f8f9fa;font-weight:bold;color:#333;font-size:0.75rem}
.s-gr{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:15px}
@media (max-width:600px){.s-gr{grid-template-columns:repeat(3,1fr)}}
.s-cd{background:#f1f3f5;padding:10px;border-radius:12px;text-align:center;border:1px solid #dee2e6}
.ch-ct{height:320px;width:100%;margin-top:10px}
.s-vl{font-size:1.1rem;font-weight:800;color:#007bff;display:block}
.s-lb{font-size:0.6rem;text-transform:uppercase;color:#6c757d;font-weight:700}
.t-bt{flex:1;padding:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-weight:bold;border-radius:8px;cursor:pointer;transition:all 0.3s ease}
.t-bt.active{background:#007bff;color:#fff;border-color:#007bff}
.t-bt:active{transform:scale(0.95)}
.dash-title{font-size:.7rem;font-weight:900;color:var(--faint);margin-bottom:10px;letter-spacing:1px;text-align:center}
.dash-cards-row{display:flex;gap:10px}
.dash-card{flex:1;padding:12px;border-radius:12px;background:var(--bg);border:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center}
.dash-card.win{border-bottom:4px solid var(--win)}
.dash-card.lose{border-bottom:4px solid var(--lose)}
.dash-card strong{font-size:.9rem;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.dash-card .badge{font-size:.65rem;font-weight:900;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,0.05)}
.dash-title-inside{font-size:0.85rem;font-weight:900;color:var(--text);margin-bottom:12px;border-bottom:2px solid var(--border);padding:4px 8px;width:100%;background:rgba(0,0,0,0.03);border-radius:6px;letter-spacing:0.5px;text-align:center}
.dash-card.combined{flex-direction:column;padding:12px;border-bottom:4px solid #3498db;background:var(--bg)}
.dash-stats-row{display:flex;width:100%;align-items:center;padding-top:5px}
.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}
.stat-divider{width:1px;height:35px;background:var(--border);margin:0 10px}
.stat-val{font-size:0.8rem;font-weight:600;margin-top:4px;background:var(--border);padding:2px 8px;border-radius:20px}
.stat-item.win strong{color:var(--win);font-size:1rem}
.stat-item.lose strong{color:var(--lose);font-size:1rem}
.post-info{flex-grow:1;min-width:0}
.post-info strong{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:1.1rem}
.avatar-ring.live-ring{border:2px solid #ed4956;padding:2px;background:none}
.ig-post{border-bottom:15px solid var(--border)}
.post-header{display:flex;align-items:center;padding:0px;gap:14px;padding-top:10px!important;margin-top:10px!important}
.avatar-ring{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee}
.live-ring{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);padding:2px}
.avatar{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}
.table-container{width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:700px}
th{padding:12px 8px;font-size:0.75rem;color:var(--faint);border-bottom:1px solid var(--border);font-weight:900}
td{padding:15px 8px;font-size:1rem;border-bottom:1px solid var(--border);text-align:center;font-weight:700}
.player-cell{text-align:left!important;padding-left:10px}
.live-blink{background:#ed4956;color:white;font-size:0.6rem;padding:2px 6px;border-radius:4px;animation:blink 1s infinite;vertical-align:middle}
.badge-zonk,.badge-streak-win,.badge-streak-lose,.badge-win-100,.badge-win-1k,.badge-korban-100,.badge-korban-1k,.badge-gagal-100,.badge-gagal-1k{display:inline-flex;align-items:center;font-size:0.6rem;padding:2px 6px;border-radius:4px;font-weight:900;margin:0;line-height:1;border:1px solid}
.badge-korban-100,.badge-korban-1k,.badge-gagal-100,.badge-gagal-1k{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-weight:900;font-size:0.6rem;line-height:1;border:1px solid;margin:0}
.badge-korban-100{background:#fff4e5;color:#b75d00;border-color:#fff9c4}
.badge-korban-1k{background:#efebe9;color:#5d4037;border-color:#d7ccc8}
.badge-gagal-100{background:#fff5f5;color:#c53030;border-color:#feb2b2}
.badge-gagal-1k{background:#faf5ff;color:#6b46c1;border-color:#e9d8fd}
.badge-turun{background:#ed4956;color:#fff;padding:1px 4px;border-radius:3px;display:inline-block}
.badge-zonk{background:#fdf2f2;color:#e02424;border-color:#f8d7da;margin-top:4px}
.badge-streak-win{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}
.badge-streak-lose{background:#fff3e0;color:#ef6c00;border-color:#ffe0b2}
.badge-win-100{background:#e3f2fd;color:#1565c0;border-color:#bbdefb}
.badge-win-1k{background:#f3e5f5;color:#7b1fa2;border-color:#e1bee7}
*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input,textarea,.player-cell strong,.live-blink,button,a{user-select:text}
.list-gelar{list-style:none;padding:0;margin:0}
.list-gelar li{font-size:0.75rem;padding:5px 0;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:8px}
.list-gelar li span{font-weight:bold;min-width:100px;display:inline-block}
.img-update{width:100%;max-width:300px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);border:2px solid var(--border);display:block;margin:0 auto}
.p-ovr{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}
.p-cont{position:relative;width:90%;max-width:400px;background:var(--card-bg);border-radius:20px;overflow:hidden;animation:popIn 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}
@keyframes popIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}
.p-cls{position:absolute;top:10px;right:10px;width:35px;height:35px;background:#ff4757;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.3)}
.p-hdr{padding:12px;font-size:0.7rem;font-weight:900;text-align:center;background:#ed4956;color:#fff;letter-spacing:2px}
.p-img{width:100%;display:block;max-height:70vh;object-fit:contain;background:#000}
.p-ftr{padding:15px;text-align:center;border-top:1px solid var(--border)}
.p-ftr strong{display:block;font-size:1.1rem;color:var(--text)}
.p-ftr span{font-size:0.65rem;color:var(--faint)}
@keyframes blink{50%{opacity:0.3}}
.txt-win{color:var(--win)}
.txt-lose{color:var(--lose)}
.btn-nav{flex:1;background:var(--bg);border:1px solid var(--border);padding:15px;border-radius:10px;font-weight:900;cursor:pointer;color:var(--text)}
.theme-btn{background:none;border:1px solid var(--border);padding:5px 10px;border-radius:8px;cursor:pointer}
.btn-info-gelar{background:var(--card-bg);color:var(--text);border:1px solid var(--border);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:bold;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all 0.2s;-webkit-tap-highlight-color:transparent}
.btn-info-gelar:active{transform:scale(0.95);opacity:0.8}
.btn-info-gelar:hover{background:var(--border)}
#chart-title,.s-lb,.s-vl{color:var(--text);transition:color .3s}
.filter-container label{color:var(--faint)}
#scD .text-center{color:var(--faint)}
.filter-container{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}
.filter-container label{font-size:0.75rem;font-weight:800;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}
#cRn{padding:6px 12px;font-size:0.85rem;border-radius:6px;border:1px solid #ddd;background-color:#fff;color:#333;cursor:pointer;outline:none;transition:border 0.2s}
#cRn:focus{border-color:#3498db}
@keyframes slideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}
.btn-to-top{position:fixed;right:15px;bottom:25px;width:48px;height:48px;background:#3b82f6;color:white;border:none;border-radius:16px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:9998;box-shadow:0 10px 20px rgba(59,130,246,0.3);transition:bottom 0.3s cubic-bezier(0.175,0.885,0.32,1.275),opacity 0.3s}
.btn-to-top.show{display:flex;animation:vsPopIn 0.3s ease-out}
@keyframes vsPopIn{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}
@keyframes popIn{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}
#player-detail-popup::-webkit-scrollbar{display:none}
#countdown-box{position:fixed;bottom:85px;left:20px;z-index:1000;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:12px;border-left:4px solid #f1c40f;font-family:sans-serif;box-shadow:0 5px 20px rgba(0,0,0,.5);display:flex;align-items:center;gap:12px;min-width:auto}
.timer-grid{display:flex;gap:10px;margin-bottom:0;padding-bottom:0;border-bottom:none;border-right:1px solid rgba(255,255,255,.15);padding-right:10px}
.timer-item{display:flex;flex-direction:column;align-items:center}
.t-label{font-size:8px;color:#aaa;letter-spacing:.5px;margin-bottom:2px}
.t-val{font-family:monospace;font-size:11px;font-weight:700;color:#eee}
.main-timer{display:flex;flex-direction:column;align-items:flex-start}
.t-label-center{font-size:8px;color:#aaa;display:block;letter-spacing:.5px}
#jam-utama{font-size:1.2rem;font-weight:900;font-family:monospace;line-height:1.1;font-variant-numeric:tabular-nums}
@media(max-width:600px){#countdown-box{bottom:85px;left:10px;padding:5px 10px;gap:8px;border-left-width:3px}.timer-grid{gap:8px;padding-right:8px}.t-val{font-size:10px}#jam-utama{font-size:.95rem}}
.skeleton-initial{padding:20px 15px}
.skeleton-initial .skeleton-header{height:24px;width:180px;background:linear-gradient(90deg,var(--border) 25%,#e0e0e0 50%,var(--border) 75%);background-size:200% 100%;animation:loading 1.6s infinite;border-radius:8px;margin-bottom:25px}
.skeleton-initial .skeleton-row{height:56px;background:linear-gradient(90deg,var(--border) 25%,#e0e0e0 50%,var(--border) 75%);background-size:200% 100%;animation:loading 1.6s infinite;border-radius:12px;margin-bottom:12px}
@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}
[data-theme="dark"] .skeleton-initial .skeleton-row,[data-theme="dark"] .skeleton-initial .skeleton-header{background:linear-gradient(90deg,var(--border) 25%,#555 50%,var(--border) 75%)}
img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
img[ondragstart]{pointer-events:auto}
.rounded-popup{border-radius:20px!important;padding:20px!important}
.ach-dropdown{margin:5px auto 0px auto;width:calc(100% - 30px);border-radius:16px;background:var(--card-bg);border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05)}
.ach-trigger{width:100%;padding:15px 20px;background:var(--card-bg);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}
.ach-trigger:hover{background:var(--bg-hover)}
.ach-info{display:flex;align-items:center;gap:15px;text-align:left}
.ach-icon-main{font-size:1.5rem}
.ach-info strong{display:block;font-size:.85rem;color:var(--text);letter-spacing:.5px}
.ach-info span{font-size:.7rem;color:var(--faint)}
.ach-arrow{transition:transform .4s cubic-bezier(.4,0,.2,1);color:var(--faint);font-size:.8rem}
.ach-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);background:var(--bg)}
.ach-content.open{max-height:1000px;border-top:1px solid var(--border)}
.ach-trigger.active .ach-arrow{transform:rotate(180deg)}
.ach-trigger.active{background:var(--bg-hover)}
.gelar-filter-row::-webkit-scrollbar{display:none}
.gelar-filter-row button{transition:background .3s,border-color .3s,color .3s,transform .2s}.gelar-filter-row button:active{transform:scale(.95)}
.gelar-filter-row{padding-bottom:10px!important;margin-bottom:10px!important}
.skeleton{background-color:var(--border);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;background-position:150% 0;animation:shimmer-local 1.5s infinite;border:none!important;overflow:hidden;position:relative}
[data-theme='dark'] .skeleton{background-color:#2c2c2c;background-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 100%)}
@keyframes shimmer-local{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* CONTAINER OVERLAY SELEBRASI */
.champions-celebration-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 99999; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.5s ease-in-out; }
.champions-celebration-overlay.show { opacity: 1; pointer-events: auto; }

/* ANIMASI FOTO & NAMA MERANGKAK NAIK */
.podium-winner-box { text-align: center; transform: translateY(100vh); opacity: 0; }
.champions-celebration-overlay.show .podium-winner-box { animation: riseUpChampion 2s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.5s; }
@keyframes riseUpChampion { 0% { transform: translateY(80vh); opacity: 0; scale: 0.7; } 50% { opacity: 1; scale: 1.1; } 100% { transform: translateY(-10vh); opacity: 1; scale: 1; } }

/* ELEMENT DETAIL JUARA (FOTO, NAMA, BADGE) */
.champion-photo-crcl { width: 160px; height: 160px; border-radius: 50%; border: 6px solid #f1c40f; box-shadow: 0 0 30px #f1c40f, inset 0 0 20px rgba(0,0,0,0.5); object-fit: cover; background: #2c3e50; }
.champion-name-text { color: #fff; font-size: 2.2rem; font-weight: 900; text-shadow: 0 0 15px #f1c40f, 0 4px 8px rgba(0,0,0,0.8); margin-top: 15px; letter-spacing: 2px; text-transform: uppercase; }
.champion-title-badge { background: linear-gradient(135deg, #f1c40f, #d48806); color: #000; padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 900; margin-top: 5px; display: inline-block; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }

/* CANVAS UNTUK EFEK KEMBANG API */
#fw-canvas-celebration { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 99998; }

.no-drag-logo{pointer-events: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;-webkit-user-drag: none;}