*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;background:#0a0a1a;min-height:100dvh;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{min-height:100dvh}.app{max-width:480px;min-height:100dvh;margin:0 auto;padding:0 16px 80px}.no-period{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:80dvh;display:flex}.no-period p{color:#888;max-width:280px;font-size:1rem;line-height:1.5}.app-header{border-bottom:3px solid #ff3b30;justify-content:space-between;align-items:baseline;padding:20px 0 12px;display:flex}.app-title,.app-logo{letter-spacing:4px;color:#fff;text-shadow:2px 2px #ff3b30,4px 4px #ff3b304d;font-size:1.75rem;font-weight:900}.app-period{color:#ff3b30;text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:600}.weekly-goal{background:#1a1a2e;border:2px solid #333;border-radius:12px;margin:16px 0;padding:14px 16px}.weekly-goal.goal-earned{background:linear-gradient(135deg,#1a1a2e,#2a2a1e);border-color:gold}.goal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.goal-title{text-transform:uppercase;letter-spacing:1.5px;color:#aaa;font-size:.8125rem;font-weight:700}.goal-earned .goal-title{color:gold}.goal-count{color:#ccc;font-size:.8125rem;font-weight:600}.goal-bar-track{background:#2a2a3e;border-radius:5px;height:10px;overflow:hidden}.goal-bar-fill{background:linear-gradient(90deg,#ff3b30,#ff6b4a);border-radius:5px;height:100%;transition:width .6s}.goal-earned .goal-bar-fill{background:linear-gradient(90deg,gold,#ffe44d)}.daily-challenge{border-top:1px solid #333;margin-top:10px;padding-top:10px;font-size:.8125rem;line-height:1.4}.challenge-label{color:#888;margin-right:6px}.challenge-text{color:#ddd}.lb-hint{text-align:center;color:#666;letter-spacing:.5px;margin:12px 0 4px;font-size:.75rem}.leaderboard{flex-direction:column;gap:6px;margin-top:4px;display:flex}.leaderboard-empty{text-align:center;color:#666;padding:60px 20px}.leaderboard-empty p:first-child{color:#888;margin-bottom:8px;font-size:1.125rem}.empty-sub{font-size:.875rem}.lb-row{cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;width:100%;font:inherit;color:inherit;background:#1a1a2e;border:2px solid #252540;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s;display:flex}.lb-row:hover,.lb-row:focus-visible{background:#1e1e35;border-color:#ff3b30;transform:scale(1.01)}.lb-row:focus-visible{outline-offset:2px;outline:2px solid #ff3b30}.lb-row:active{transform:scale(.98)}.lb-top3{border-width:2px}.lb-first{background:linear-gradient(135deg,#1a1a2e,#2a1a2e);border-color:gold}.lb-position{text-align:center;min-width:28px;font-size:1.25rem}.lb-num{color:#666;font-size:.875rem;font-weight:700}.lb-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lb-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.lb-realname{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.lb-rank{text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.lb-aura{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.lb-aura-num{color:#fff;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:900}.lb-aura-label{color:#888;text-transform:uppercase;letter-spacing:1.5px;font-size:.625rem;font-weight:700}.stats-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.stats-sheet{-webkit-overflow-scrolling:touch;background:#12122a;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:480px;max-height:85dvh;animation:.3s slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stats-panel{padding:24px 20px 40px;position:relative}.stats-close{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.stats-close:hover{background:#ff3b30}.stats-loading,.stats-error{text-align:center;padding:40px 20px}.stats-loading p,.stats-error p{color:#888;margin-top:12px}.error-detail{color:#666;margin-top:6px;font-size:.8125rem}.stats-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.stats-avatar{font-size:2.5rem;line-height:1}.stats-identity{flex-direction:column;gap:2px;display:flex}.stats-name{color:#fff;margin:0;font-size:1.375rem;font-weight:900}.stats-rank{text-transform:uppercase;letter-spacing:1.5px;font-size:.8125rem;font-weight:700}.stats-class-rank{color:#888;font-size:.75rem}.stats-big-row{gap:8px;margin-bottom:20px;display:flex}.stat-block{background:#1a1a2e;border:2px solid #252540;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.stat-num{color:#fff;font-size:1.5rem;font-weight:900}.stat-label{text-transform:uppercase;letter-spacing:1px;color:#888;font-size:.6875rem;font-weight:600}.next-rank{margin-bottom:20px}.next-rank-text{color:#aaa;text-align:center;margin-bottom:8px;font-size:.8125rem}.next-rank-bar-track{background:#2a2a3e;border-radius:4px;height:8px;overflow:hidden}.next-rank-bar-fill{border-radius:4px;height:100%;transition:width .6s}.badges-section{margin-bottom:20px}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:10px;font-size:.8125rem;font-weight:700}.badges-empty{color:#666;text-align:center;padding:12px;font-size:.875rem}.badge-grid{flex-wrap:wrap;gap:8px;display:flex}.badge-pill{background:#1a1a2e;border:1px solid #333;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;display:flex}.badge-icon{font-size:1rem}.badge-name{color:#ddd;font-weight:600}.categories-section{margin-bottom:20px}.cat-row{gap:8px;display:flex}.cat-block{background:#1a1a2e;border:1px solid #252540;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;display:flex}.cat-icon{font-size:1.25rem}.cat-num{color:#fff;font-size:1.25rem;font-weight:900}.cat-label{text-transform:uppercase;letter-spacing:.5px;color:#888;font-size:.6875rem;font-weight:600}.weekly-chart{margin-top:4px}.chart-label{text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:10px;font-size:.8125rem;font-weight:700}.chart-bars{justify-content:center;align-items:flex-end;gap:12px;height:100px;padding:0 8px;display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.chart-val{color:#ccc;font-size:.75rem;font-weight:700}.chart-bar{background:linear-gradient(#ff3b30,#ff6b4a);border-radius:4px 4px 0 0;width:100%;max-width:36px;min-height:4px}.chart-week{color:#666;margin-top:2px;font-size:.625rem}.spinner{border:3px solid #333;border-top-color:#ff3b30;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state,.error-state{text-align:center;padding:60px 20px}.loading-state p,.error-state p{color:#888;margin-top:12px}.retry-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ff3b30;border:none;border-radius:8px;margin-top:16px;padding:10px 24px;font-size:.875rem;font-weight:700;transition:background .15s}.retry-btn:hover{background:#e0352b}.last-updated{text-align:center;color:#555;pointer-events:none;background:linear-gradient(#0000,#0a0a1a 40%);padding:10px;font-size:.6875rem;position:fixed;bottom:0;left:0;right:0}@media (width>=768px){.app{max-width:560px;padding:0 24px 80px}.app-title,.app-logo{font-size:2rem}.lb-row{padding:14px 18px}.stats-sheet{border-radius:20px 20px 0 0;max-width:560px;max-height:80dvh}}@media (width>=1024px){.app{max-width:640px}}