:root{--color-bg:#0a0a0c;--color-bg-soft:#101014;--color-surface:#ffffff08;--color-border:#ffffff17;--color-text:#f4f4f5;--color-muted:#a1a1aa;--color-accent:#f5c518;--color-accent-light:#f9d976;--gradient-accent:linear-gradient(135deg, #f9d976, #f5c518 50%, #c9930a);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "Courier New", monospace;--radius-card:18px;--transition-fast:.16s ease}*,:before,:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-accent,#f5c518);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#0a0a0c;--bg-soft:#101014;--surface:#ffffff08;--surface-2:#ffffff0e;--surface-3:#ffffff1a;--border:#ffffff17;--border-strong:#ffffff38;--text:#f4f4f5;--text-2:#d4d4d8;--muted:#a1a1aa;--accent:#f5c518;--accent-2:#f9d976;--accent-grad:linear-gradient(135deg, #f9d976, #f5c518 50%, #c9930a);--accent-soft:#f5c5181f;--gold:#f5c518;--gold-soft:#f5c51824;--silver:#c9ccd4;--silver-soft:#c9ccd41f;--bronze:#d89b6a;--bronze-soft:#d89b6a24;--danger:#f87171;--shadow:0 20px 50px #00000080, 0 2px 8px #0000004d;--shadow-accent:0 8px 26px #f5c51838;--mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, "Courier New", monospace;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--radius:18px;--radius-sm:12px;--ease:cubic-bezier(.23, 1, .32, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark]{--bg:#0a0a0c;--bg-soft:#101014;--surface:#ffffff08;--surface-2:#ffffff0e;--surface-3:#ffffff1a;--border:#ffffff17;--border-strong:#ffffff38;--text:#f4f4f5;--text-2:#d4d4d8;--muted:#a1a1aa;--accent:#f5c518;--accent-2:#f9d976;--accent-grad:linear-gradient(135deg, #f9d976, #f5c518 50%, #c9930a);--accent-soft:#f5c5181f;--gold:#f5c518;--gold-soft:#f5c51824;--silver:#c9ccd4;--silver-soft:#c9ccd41f;--bronze:#d89b6a;--bronze-soft:#d89b6a24;--danger:#f87171;--shadow:0 20px 50px #00000080, 0 2px 8px #0000004d;--shadow-accent:0 8px 26px #f5c51838;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme-mode=light]{--bg:#faf8f2;--bg-soft:#fff;--surface:#fff;--surface-2:#f5f1e6;--surface-3:#ece5d3;--border:#7a662a21;--border-strong:#7a662a42;--text:#211a0e;--text-2:#4a4233;--muted:#8a8068;--accent:#b8860b;--accent-2:#d4a017;--accent-grad:linear-gradient(135deg, #f9d976, #f5c518 50%, #d4a017);--accent-soft:#b8860b1a;--gold:#e8a50c;--gold-soft:#e8a50c1f;--silver:#9aa3b2;--silver-soft:#9aa3b21f;--bronze:#c07a3d;--bronze-soft:#c07a3d1f;--danger:#dc2626;--shadow:0 14px 40px #5a461414, 0 2px 8px #5a46140a;--shadow-accent:0 8px 24px #b8860b2e;--nav-active:var(--text);--nav-surface:#faf8f2e0;--nav-menu-surface:#faf8f2fa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:smooth;min-height:100%}body.lb-body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6;overflow-x:hidden}html.theme-ready body.lb-body{transition:background .3s,color .3s}::selection{color:#fff;background:#f5c51859}body.lb-body button,body.lb-body input,body.lb-body select,body.lb-body textarea{font:inherit;letter-spacing:0;color:inherit}body.lb-body button{cursor:pointer}body.lb-body a{color:inherit;text-decoration:none}body.lb-body svg{stroke-width:1.8px;width:16px;height:16px}body.lb-body:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-privacy-note{margin:0 0 10px;font-size:12px;line-height:1.5}.profile-empty{text-align:center;padding:20px 8px}.report-identity{margin:0 0 10px}.report-field{margin-top:8px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.hidden{display:none!important}.bg-decor{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(130px);border-radius:50%;position:absolute}.blob-1{opacity:.18;background:#3f3f46;width:600px;height:600px;top:-220px;left:-160px}.blob-2{background:var(--accent);opacity:.05;width:520px;height:520px;top:22%;right:-180px}.blob-3{opacity:.28;background:#27272a;width:480px;height:480px;bottom:-120px;left:28%}.bg-decor:after{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.4;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 0%,#0000 72%);mask-image:radial-gradient(at 50% 0,#000 0%,#0000 72%)}.container{max-width:1200px;margin:0 auto;padding:0 24px}#nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:0 0;border-bottom:1px solid #0000;padding:16px 0;transition:background .3s,border-color .3s,padding .3s;position:fixed;inset:0 0 auto}#nav.scrolled{background:var(--nav-surface,#0a0a0cd9);border-bottom-color:var(--border);padding:10px 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo-mark{background:var(--grad,var(--accent-grad));border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 14px #f5c51859}.nav-links{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:15px;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--nav-active,#fff)}.nav-links a[aria-current=page]{font-weight:600}#nav .btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}#nav .btn-primary{color:#0a0a0c;background:var(--grad,var(--accent-grad));box-shadow:0 8px 26px #f5c51840}#nav .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px #f5c51866}#nav .btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.burger{border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;font-size:18px;display:none}.nav-actions{align-items:center;gap:14px;display:flex}.lang-switcher{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.lang-switcher-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;transition:color .2s,background .2s}.lang-switcher-btn:hover{color:var(--text)}.lang-switcher-btn.is-active{color:#0a0a0c;background:var(--grad,var(--accent-grad))}@media (width<=860px){.nav-links{border-bottom:1px solid var(--border);background:var(--nav-menu-surface,#0a0a0cf7);-webkit-backdrop-filter:blur(16px);flex-direction:column;gap:14px;padding:20px 24px;display:none;position:absolute;top:100%;left:0;right:0}body.nav-open .nav-links{display:flex}.burger{display:block}.nav-cta{display:none!important}}.icon-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-2);border-radius:11px;place-items:center;transition:border-color .2s,background .2s,color .2s;display:inline-grid}.icon-btn:hover{border-color:var(--border-strong);color:var(--accent)}.icon-btn.ghost{background:0 0;border-color:#0000}.icon-btn.ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn.primary{background:var(--accent-grad);color:#1a1206;box-shadow:var(--shadow-accent)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f5c51859}.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.ghost:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn.sm{border-radius:10px;padding:8px 16px;font-size:13px}.page{max-width:1200px;margin:0 auto;padding:128px 24px 24px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:1.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:5px 15px;font-size:12.5px;font-weight:600;display:inline-block}.page-head h1{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(30px,4.5vw,44px);font-weight:800;line-height:1.2}.gradient-text{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.page-head p{color:var(--muted);max-width:640px;margin:10px 0 0;font-size:15px}.sync-state{font-family:var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.sync-state .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%}.sync-state.is-loading .dot{animation:1.2s ease-in-out infinite pulse}.sync-state.is-error .dot{background:var(--danger);box-shadow:0 0 10px var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.cycle-shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.cycle-main{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.cycle-switch{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:4px;padding:4px;display:inline-flex}.cycle-btn{color:var(--muted);background:0 0;border:none;border-radius:11px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.cycle-btn:hover{color:var(--text)}.cycle-btn.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong);font-weight:700}.cycle-btn svg{width:14px;height:14px}.cycle-summary b{font-size:15px;font-weight:700;display:block}.cycle-summary span{color:var(--muted);margin-top:1px;font-size:12px;display:block}.cycle-countdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex}.countdown-icon{background:var(--surface-2);width:30px;height:30px;color:var(--text-2);border-radius:9px;place-items:center;display:grid}.countdown-icon svg{width:15px;height:15px}.countdown-copy span{color:var(--muted);font-size:11px;display:block}.countdown-copy b{font-size:14px;font-family:var(--mono);color:var(--text);display:block}.reward-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 18px;display:flex}.reward-copy{align-items:center;gap:12px;display:flex}.reward-icon{background:var(--surface-2);width:36px;height:36px;color:var(--text-2);border-radius:11px;flex:none;place-items:center;display:grid}.reward-icon svg{width:18px;height:18px}.reward-copy b{font-size:14px;font-weight:700;display:block}.reward-copy span>span{color:var(--muted);font-size:12px;display:block}.reward-prizes{flex-wrap:wrap;gap:8px;display:flex}.reward-prize{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px}.reward-prize strong{color:var(--text);font-family:var(--mono)}.metric-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.metric{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:12px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s,color .2s,transform .15s;display:inline-flex}.metric:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.metric.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text);font-weight:700}.metric-icon svg{width:15px;height:15px}.metric-spacer{flex:1}.metric-info{color:var(--muted);font-size:12px;font-family:var(--mono);align-items:center;gap:7px;display:inline-flex}.metric-info svg{width:14px;height:14px;color:var(--muted)}.leader-layout{grid-template-columns:1fr 318px;align-items:start;gap:18px;display:grid}.main-column{min-width:0}.side-column{flex-direction:column;gap:14px;display:flex;position:sticky;top:84px}.podium{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.podium-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;min-width:0;transition:transform .18s var(--ease), border-color .18s ease, box-shadow .18s ease;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:28px 16px 22px;display:flex;position:relative;overflow:hidden}.podium-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.podium-card.first{border-color:var(--border-strong);background:linear-gradient(180deg, var(--surface-2), var(--surface) 70%);box-shadow:0 14px 40px #0000001f}.podium-card.second{border-color:color-mix(in srgb, var(--silver) 40%, transparent);background:linear-gradient(180deg, var(--silver-soft), var(--surface) 70%)}.podium-card.third{border-color:color-mix(in srgb, var(--bronze) 40%, transparent);background:linear-gradient(180deg, var(--bronze-soft), var(--surface) 70%)}.podium-card.is-empty{opacity:.5;cursor:default}.podium-rank{background:var(--surface-2);border:1px solid var(--border);width:30px;height:30px;color:var(--muted);font:10px var(--mono);border-radius:50%;place-items:center;font-weight:750;display:grid;position:absolute;top:12px;left:12px}.podium-card.first .podium-rank{background:var(--gold);color:#1a1206;border-color:#0000}.podium-card.second .podium-rank{background:var(--silver);color:#14181f;border-color:#0000}.podium-card.third .podium-rank{background:var(--bronze);color:#fff;border-color:#0000}.podium-avatar{border:1px solid var(--border);background:var(--surface-2);width:60px;height:60px;color:var(--text-2);border-radius:18px;place-items:center;font-size:16px;font-weight:760;display:grid;position:relative;overflow:hidden}.podium-avatar img{object-fit:cover;width:100%;height:100%}.podium-card.first .podium-avatar{background:var(--surface-2);border-color:var(--border);width:72px;height:72px;color:var(--text-2)}.podium-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;margin-top:14px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.podium-card.first .podium-name{font-size:17px}.podium-score{font:22px var(--mono);color:var(--text);margin-top:8px;font-weight:750}.podium-card.first .podium-score{font-size:26px}.podium-unit{color:var(--muted);margin-top:3px;font-size:12px}.podium-trophy{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;max-width:100%;margin-top:10px;padding:3px 10px;font-size:11px;overflow:hidden}.official-badge{background:var(--accent-grad);color:#1a1206;vertical-align:middle;white-space:nowrap;letter-spacing:.02em;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;font-size:10.5px;font-weight:800;line-height:18px;display:inline-flex;box-shadow:0 2px 8px #f5c51859}.official-badge svg{stroke-width:2.5px;width:11px;height:11px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.panel-head p{color:var(--muted);margin:3px 0 0;font-size:13px}.panel-actions{align-items:center;gap:10px;display:flex}.search{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;align-items:center;gap:8px;padding:7px 12px;transition:border-color .2s;display:flex}.search:focus-within{border-color:var(--accent)}.search svg{width:15px;height:15px;color:var(--muted);flex:none}.search input{color:var(--text);background:0 0;border:none;outline:none;width:170px;font-size:13px}.search input::placeholder{color:var(--muted)}.rank-list{flex-direction:column;gap:8px;padding:10px;display:flex}.rank-card{background:var(--surface-2);cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:border-color .15s,background .15s,transform .15s;display:flex}.rank-card:hover{background:var(--surface-3);border-color:var(--border-strong);transform:translate(2px)}.rank-card.is-1{border-color:var(--border-strong);background:var(--surface-2)}.rank-card.is-2{border-color:color-mix(in srgb, var(--silver) 40%, transparent)}.rank-card.is-3{border-color:color-mix(in srgb, var(--bronze) 40%, transparent)}.rank-card.is-1 .rank-score{color:var(--gold)}.rank-no{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--muted);font:12px var(--mono);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.rank-card.is-1 .rank-no{background:var(--gold);color:#1a1206;border-color:#0000}.rank-card.is-2 .rank-no{background:var(--silver);color:#14181f;border-color:#0000}.rank-card.is-3 .rank-no{background:var(--bronze);color:#fff;border-color:#0000}.rank-avatar{background:var(--surface-2);border:1px solid var(--border);width:40px;height:40px;color:var(--text-2);border-radius:12px;flex:none;place-items:center;font-size:12px;font-weight:760;display:grid;overflow:hidden}.rank-avatar img{object-fit:cover;width:100%;height:100%}.rank-name{flex:1;min-width:0}.rank-name b{align-items:center;font-size:14.5px;font-weight:700;display:flex}.rank-name b .official-badge{font-size:9.5px;line-height:16px}.rank-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.rank-metrics{flex:none;gap:8px;display:flex}.rank-metric{color:var(--muted);background:var(--surface);border:1px solid var(--border);font-size:12px;font-family:var(--mono);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.rank-metric svg{width:12px;height:12px;color:var(--muted)}.rank-score{text-align:right;min-width:96px;font:17px var(--mono);color:var(--text);white-space:nowrap;flex:none;font-weight:750}.rank-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:52px 16px;display:flex}.rank-empty strong{color:var(--text);font-size:15px}.rank-empty code{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:3px 8px;font-size:12px}.panel-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:14px 20px;display:flex}.panel-foot>span{color:var(--muted);font-size:12px}.pager{align-items:center;gap:10px;display:flex}.pager button{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text);border-radius:9px;place-items:center;transition:border-color .2s,background .2s;display:grid}.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pager button:disabled{opacity:.4;cursor:default}.pager svg{width:15px;height:15px}#page-label{font-family:var(--mono);color:var(--muted);text-align:center;min-width:52px;font-size:12px}.my-rank{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.my-rank-label{justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.my-rank-label .trust{font-weight:500}.my-rank h2{letter-spacing:-.01em;align-items:center;margin:12px 0 4px;font-size:20px;font-weight:800;display:flex}.my-rank h2 .official-badge{font-size:10px}.my-rank-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.my-score{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.my-score>div{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.my-score span{color:var(--muted);font-size:12px;display:block}.my-score b{font-family:var(--mono);color:var(--text);margin-top:4px;font-size:18px;font-weight:750;display:block}.my-rank .btn{width:100%}.my-rank-guest .my-score{display:none}.category-card,.history-card,.rule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.category-card h2,.history-card h2,.rule-card h2{margin:0;font-size:15px;font-weight:800}.category-card>p,.history-card>p{color:var(--muted);margin:3px 0 12px;font-size:12px}.category-list,.period-list{flex-direction:column;gap:8px;display:flex}.category,.period{text-align:left;width:100%;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.category:hover,.period:hover{background:var(--surface-2)}.category.active,.period.current{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.category-icon,.period-icon{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.category.active .category-icon,.period.current .period-icon{background:var(--accent-grad);color:#1a1206}.category-icon svg,.period-icon svg{width:15px;height:15px}.category b,.period b{font-size:13px;font-weight:700;display:block}.category span>span,.period span>span{color:var(--muted);font-size:11px;display:block}.category strong{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:13px}.period strong{font-family:var(--mono);color:var(--accent);margin-left:auto;font-size:11px}.reward-note{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:flex}.reward-note svg{width:14px;height:14px;color:var(--muted);flex:none;margin-top:2px}.rule-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.rule-item:last-of-type{border-bottom:none}.rule-icon{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:9px;flex:none;place-items:center;display:grid}.rule-icon svg{width:15px;height:15px}.rule-item b{font-size:13px;font-weight:700;display:block}.rule-item p{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.5}.rule-links{gap:8px;margin-top:12px;display:flex}.principles{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.principle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:18px;display:flex}.principle-icon{background:var(--surface-2);width:38px;height:38px;color:var(--muted);border-radius:11px;flex:none;place-items:center;display:grid}.principle-icon svg{width:18px;height:18px}.principle b{font-size:14px;font-weight:700;display:block}.principle p{color:var(--muted);margin:3px 0 0;font-size:12.5px;line-height:1.55}footer{border-top:1px solid var(--border);margin-top:100px;padding:64px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:48px;display:grid}.footer-brand p{color:var(--muted);max-width:300px;margin-top:14px;font-size:14px}.footer-pixel-line{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.footer-mouse{width:26px;height:auto}.footer-col h4{font-family:var(--mono);color:var(--muted);letter-spacing:1px;margin-bottom:16px;font-size:13px;font-weight:700}.footer-col a{color:var(--muted);padding:5px 0;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);font-size:13px;font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;display:flex}.modal-layer{z-index:90;-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;background:#080a1299;justify-content:center;align-items:center;padding:20px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-layer.open{opacity:1;visibility:visible}.modal{background:var(--bg-soft);border:1px solid var(--border-strong);width:min(520px,100%);max-height:min(82vh,620px);box-shadow:var(--shadow);transition:transform .22s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;transform:translateY(10px)scale(.98)}.modal-layer.open .modal{transform:none}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 14px;display:flex}.modal-head h2{margin:0;font-size:18px;font-weight:800}.modal-body{color:var(--text-2);padding:20px 22px;font-size:14px;line-height:1.65;overflow-y:auto}.modal-body h3{margin:0 0 10px;font-size:16px}.modal-body p{margin:8px 0}.modal-body code{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:6px;padding:2px 6px;font-size:13px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.modal-foot.modal-foot-center{justify-content:center}.toast{z-index:120;background:var(--bg-soft);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:var(--shadow);color:var(--text);opacity:0;transition:transform .3s var(--ease), opacity .3s ease;pointer-events:none;border-radius:13px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,80px)}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{width:17px;height:17px;color:var(--accent)}.profile-card-layer{z-index:80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-card-layer[hidden]{display:none!important}.profile-card-backdrop{-webkit-backdrop-filter:blur(6px);background:#080a1299;position:absolute;inset:0}.profile-card{background:var(--bg-soft);border:1px solid var(--border-strong);width:min(440px,100%);max-height:min(82vh,640px);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;animation:.22s card-pop;display:flex;position:relative;overflow:hidden}@keyframes card-pop{0%{opacity:.5;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.profile-card-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:22px 20px 14px;display:flex}.profile-card-identity{align-items:center;gap:14px;min-width:0;display:flex}.profile-card-avatar{background:var(--accent-grad);color:#1a1206;border-radius:16px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:16px;font-weight:700;display:grid;overflow:hidden}.profile-card-avatar img{object-fit:cover;width:100%;height:100%}.profile-card-head .eyebrow{margin-bottom:6px}.profile-card-head h2{word-break:break-word;align-items:center;margin:2px 0 0;font-size:20px;font-weight:800;line-height:1.25;display:flex}.profile-card-head h2 .official-badge{margin-left:8px;padding:2px 9px;font-size:10px}.profile-public-id{letter-spacing:.02em;word-break:break-all;-webkit-user-select:all;user-select:all;margin:6px 0 0;font-size:11px}.profile-public-id:empty{display:none}.profile-card-body{padding:18px 20px;overflow-y:auto}.profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.profile-stat{background:var(--surface-2);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px}.profile-stat span{color:var(--muted);font-size:11.5px;display:block}.profile-stat b{font-family:var(--mono);color:var(--text);margin-top:4px;font-size:17px;font-weight:750;display:block}.trophy-list{flex-direction:column;gap:8px;display:flex}.trophy-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:11px 13px;display:flex}.trophy-item.r1{border-color:color-mix(in srgb, var(--gold) 45%, transparent);background:var(--gold-soft)}.trophy-medal{font-size:22px;line-height:1}.trophy-item b{font-size:13.5px;font-weight:700;display:block}.trophy-item small{color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.profile-card-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=1080px){.leader-layout{grid-template-columns:1fr}.side-column{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid;position:static}}@media (width<=860px){.page{padding-top:108px}.page-head{flex-direction:column;align-items:flex-start}.principles{grid-template-columns:1fr}.rank-metrics{display:none}.podium{gap:10px}.podium-card.first .podium-avatar{width:62px;height:62px}}@media (width<=560px){.nav-actions .btn{padding:8px 14px;font-size:13px}.metric-info,.cycle-summary span{display:none}.rank-card{gap:10px;padding:10px 12px}.rank-score{min-width:72px;font-size:15px}.rank-name small{max-width:130px}}
