@font-face{font-family:Porkys;src:url(/fonts/Porkys.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.root{--color-dark-gray: #3c3c3b;--color-pink: #da2f6a;--color-cyan: #00c8f5;--color-yellow: #f5d547;--color-orange: #ff8e00;--color-orange-dark: #f94802;--color-purple: #8b3fbf;--color-purple-light: #8e4cdc;--color-green: #00ff74;--color-blue: #3f8bee;--color-white: white;--color-text: #555555;--brand-cyan: #25c6d8;--brand-pink: #e23e75;--brand-pink-dark: #cc3366;--bg-surface-base: #e40465;--bg-surface-light2: #bd065f;--font-primary: "Inter", sans-serif;--font-display: "Porkys", sans-serif;--shadow-small: 2px 2px 0px rgba(0,0,0,.2);--shadow-medium: 4px 4px 0px rgba(0,0,0,.2);--shadow-large: 6px 6px 0px rgba(0,0,0,.3);--shadow-float: 0 4px 10px rgba(0, 0, 0, .3);--text-shadow-base: -4px -4px 0 rgba(0,0,0,.2);--radius-small: 8px;--radius-medium: 15px;--radius-large: 30px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.leaderboard-container{width:100%;max-width:800px;margin:0 auto;padding:20px;background:radial-gradient(circle,rgba(255,0,187,.788) .5px,transparent 1px) 0 0/12px 12px,linear-gradient(180deg,#f5d547,#f5d54778);border-radius:0;box-shadow:0 8px 24px #0000004d;color:#fff;font-family:Porkys,system-ui,sans-serif}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.2)}.header-buttons{display:flex;gap:10px;align-items:center}.leaderboard-header h2{margin:0;font-size:56px;font-weight:700;font-family:Porkys,system-ui,sans-serif;color:#fff;text-shadow:-2px -2px 0 #ff4500,2px -2px 0 #ff4500,-2px 2px 0 #ff4500,2px 2px 0 #ff4500,4px 4px 8px rgba(0,0,0,.5);line-height:1;letter-spacing:3px;text-transform:uppercase}.refresh-button{background:var(--color--yellow);border:none;border-bottom:4px solid var(--color-orange-dark);border-radius:12px;color:#fff;padding:8px 16px;cursor:pointer;font-size:16px;font-weight:700;font-family:Porkys,system-ui,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:transform .1s ease}.refresh-button:hover:not(:disabled){transform:scale(1.05)}.refresh-button:active:not(:disabled){transform:translateY(2px)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.my-stats-card{background:#fffffff2;border:3px solid #00d4ff;border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #0003}.my-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.my-stats-card h3{margin:0;font-size:24px;color:#da2f6a;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.analytics-btn{background:linear-gradient(135deg,#0f8,#08f);border:none;border-bottom:4px solid #0066cc;border-radius:12px;color:#fff;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:700;font-family:Porkys,system-ui,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:all .2s ease;box-shadow:0 4px 8px #0088ff4d}.analytics-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0088ff80}.analytics-btn:active{transform:translateY(0);border-bottom-width:2px}.analytics-btn-header{background:linear-gradient(135deg,#0f8,#08f);border:none;border-bottom:4px solid #0066cc;border-radius:12px;color:#fff;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:700;font-family:Porkys,system-ui,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:all .2s ease;box-shadow:0 4px 8px #0088ff4d;white-space:nowrap}.analytics-btn-header:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0088ff80}.analytics-btn-header:active{transform:translateY(0);border-bottom-width:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:#f5e6b3;border-radius:20px;border:2px solid #ffd700}.stat-label{font-size:12px;color:#666;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:700;color:#da2f6a;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.leaderboard-table{overflow-x:auto;margin-bottom:20px}.leaderboard-table table{width:100%;border-collapse:separate;border-spacing:0}.leaderboard-table thead{background:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(180deg,#008cff 100% 50%);border-radius:20px 120px 0 0}.leaderboard-table th{padding:16px 20px;text-align:left;font-size:20px;font-weight:700;font-family:Porkys,system-ui,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:-1px -1px 0 #ff00c8,1px -1px 0 #ff00c8,-1px 1px 0 #ff00c8,1px 1px 0 #ff00c8,3px 3px 6px rgba(0,0,0,.5)}.leaderboard-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.leaderboard-table th.sortable:hover{background:#ffffff1a;transform:translateY(-2px)}.leaderboard-table th:first-child{border-radius:16px 0 0}.leaderboard-table th:last-child{border-radius:0 16px 0 0}.leaderboard-table tbody tr{background:#fffffff2;border-bottom:2px solid #00d4ff;transition:all .2s ease}.leaderboard-table tbody tr:hover{background:#fff;transform:scale(1.01);box-shadow:0 2px 8px #00000026}.leaderboard-table td{padding:15px 12px;font-family:Porkys,system-ui,sans-serif;font-size:20px;color:#333;text-align:center;background:radial-gradient(circle,rgba(238,145,6,.397) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(180deg,#fff,#cbcbcb)}.rank-cell{font-size:36px;font-weight:700;text-align:center;width:80px;background:radial-gradient(circle,rgba(238,145,6,.397) 1px,transparent 1px) 0 0 / 12px 12px}.rank-gold .rank-cell{background:radial-gradient(circle,rgba(238,145,6,.397) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(180deg,#ffd904,#f2df74)!important;color:#00d4ff!important}.rank-silver .rank-cell{background:radial-gradient(circle,rgba(238,145,6,.397) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(180deg,#b0edf8,#88a7a7)!important;color:#00d4ff!important}.rank-bronze .rank-cell{background:radial-gradient(circle,rgba(238,145,6,.397) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(180deg,#a46403fd,#714402fd)!important;color:#00d4ff!important}.rank-cell{background:radial-gradient(circle,rgba(238,145,6,.397) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(180deg,#008cff,#0172cf)!important;color:#fff!important;text-shadow:-1px -1px 0 #ff00c8,1px -1px 0 #ff00c8,-1px 1px 0 #ff00c8,1px 1px 0 #ff00c8,3px 3px 6px rgba(0,0,0,.5)}.current-user{background:#fffacd!important;border:3px solid #ffd700!important}.current-user td{background:#fffacd!important}.player-name{font-weight:700;color:#333}.you-badge{display:inline-block;margin-left:8px;padding:3px 10px;background:#da2f6a;color:#fff;border-radius:8px;font-size:11px;font-weight:700;vertical-align:middle}.player-name{color:#1f2123;font-size:20px;font-family:Porkys,system-ui,sans-serif}.points-cell{font-weight:700;color:#da2f6a;font-size:18px}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.leaderboard-loading p{font-size:18px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.leaderboard-error{text-align:center;padding:40px 20px}.leaderboard-error p{font-size:18px;color:#ff6b6b;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.retry-button{background:var(--color--yellow);border:none;border-bottom:4px solid var(--color-orange-dark);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;font-family:Porkys,system-ui,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:transform .1s ease}.retry-button:hover{transform:scale(1.05)}.retry-button:active{transform:translateY(2px)}.empty-state{text-align:center;padding:60px 20px;color:#fffc;font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.leaderboard-footer{text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.last-updated{font-size:13px;color:#ffffffb3;margin:0}@media(max-width:768px){.leaderboard-container{padding:15px;border-radius:20px}.leaderboard-header h2{font-size:32px}.stats-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-table{font-size:14px}.leaderboard-table th,.leaderboard-table td{padding:8px 6px}.rank-cell{font-size:18px;width:60px}.you-badge{display:block;margin-top:4px;margin-left:0}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(6){display:none}}