.site-footer{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:40px 24px;font-size:.65rem;display:flex}.footer-disclaimer{opacity:.5;text-align:center;max-width:400px;margin-top:4px;font-size:.58rem;line-height:1.4}#search-screen{z-index:10;flex-direction:column;align-items:center;gap:28px;transition:opacity .35s,transform .35s;display:flex;position:fixed;inset:0;overflow-y:auto}#search-screen>:first-child{margin-top:auto}#search-screen>:last-child{margin-bottom:auto}#search-screen.hidden{opacity:0;pointer-events:none;transform:translateY(-18px)}.logo{text-align:center;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;line-height:1.2}.logo .kw{color:var(--purple)}.logo .fn{color:var(--accent2)}.logo .par{color:var(--yellow)}.logo .str{color:var(--accent)}.logo-sub{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;text-align:center;margin-top:8px;font-size:.66rem}.search-wrap-container{width:min(420px,90vw);position:relative}.search-wrap{border:1px solid var(--border);background:var(--surface);border-radius:3px;align-items:stretch;width:100%;display:flex;overflow:hidden}.search-suggestions{background:var(--surface);border:1px solid var(--border);z-index:100;border-top:none;border-radius:0 0 3px 3px;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 16px #0006}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-dim);align-items:center;gap:10px;padding:10px 15px;font-size:.82rem;transition:background .12s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--card);color:var(--accent)}.suggestion-avatar{width:20px;height:20px;image-rendering:pixelated;border-radius:1px}.suggestion-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#query{color:var(--text-bright);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:12px 15px;font-size:.88rem}#query::placeholder{color:var(--muted)}#searchBtn{background:var(--surface);color:var(--accent);border:none;border-left:1px solid var(--border);font-family:var(--font);cursor:pointer;white-space:nowrap;padding:0 18px;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}#searchBtn:hover{background:var(--card);color:var(--text-bright)}.stats-row{border:1px solid var(--border);background:var(--surface);border-radius:3px;flex-direction:column;width:min(420px,90vw);display:flex}.stats-cells{display:flex}.cycle-container{border-bottom:1px solid var(--border-dim);display:flex}.cycle-top{flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 12px 9px;display:flex}.cycle-top:first-child{border-right:1px solid var(--border-dim)}.cycle-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-size:.48rem}.cycle-time{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0;display:flex}.cycle-unit{align-items:baseline;gap:1px;display:flex}.cycle-unit+.cycle-unit{margin-left:5px}.cycle-num{font-size:.95rem;font-weight:700;line-height:1}.cycle-num.loading-stat{color:var(--muted)}.cycle-unit-h .cycle-num{color:var(--accent2)}.cycle-unit-m .cycle-num{color:var(--accent)}.cycle-unit-s .cycle-num{color:var(--yellow)}.cycle-unit-ms .cycle-num{color:var(--purple)}.cycle-suffix{color:var(--muted);letter-spacing:.04em;font-size:.56rem}.stat-cell{text-align:center;border-right:1px solid var(--border-dim);flex:1;padding:11px 8px}.stat-cell:last-child{border-right:none}.stat-val{color:var(--text-bright);overflow-wrap:break-word;word-break:break-all;font-size:.95rem;font-weight:700;line-height:1}.stat-val.loading-stat{color:var(--muted)}.stat-key{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.52rem}.stat-cell:first-child .stat-val{color:var(--accent2)}.stat-cell:nth-child(2) .stat-val{color:var(--accent)}.stat-cell:nth-child(3) .stat-val{color:var(--yellow)}.stat-cell:nth-child(4) .stat-val{color:var(--purple)}.recent-names{border:1px solid var(--border);background:var(--surface);border-radius:3px;width:min(420px,90vw);overflow:hidden}#recent-names-body{border-radius:0 0 3px 3px;max-height:50vh;overflow:hidden auto}.recent-names-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.recent-names-title{color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:700}.recent-name-row{border-bottom:1px solid var(--border-dim);cursor:pointer;align-items:center;gap:10px;padding:7px 12px;transition:background .12s;display:flex}.recent-name-row:last-child{border-bottom:none}.recent-name-row:hover{background:var(--card)}.rn-avatar{width:28px;height:28px;image-rendering:pixelated;background:var(--card);border-radius:2px;flex-shrink:0}.rn-avatar-placeholder{background:var(--card);border-radius:2px;flex-shrink:0;width:28px;height:28px}.rn-names{flex:1;align-items:center;gap:5px;min-width:0;font-size:.7rem;display:flex;overflow:hidden}.rn-old{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rn-arrow{color:var(--muted);flex-shrink:0;font-size:.6rem}.rn-new{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rn-time{color:var(--muted);white-space:nowrap;cursor:default;flex-shrink:0;font-size:.56rem;position:relative}.rn-time:hover{color:var(--text)}.rn-time:after{content:attr(data-exact);background:var(--card);border:1px solid var(--border);color:var(--text-bright);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;border-radius:2px;padding:4px 8px;font-size:.58rem;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);right:0;transform:translateY(3px)}.rn-time:hover:after{opacity:1;transform:translateY(0)}.recent-names-loading{text-align:center;color:var(--muted);padding:14px;font-size:.66rem}.top-skins-btn-wrap{justify-content:center;width:min(420px,90vw);display:flex}.top-skins-btn{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--accent);font-family:var(--font);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.top-skins-btn:hover{background:var(--card);border-color:var(--accent);color:var(--text-bright);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.top-skins-btn .btn-icon{font-size:1rem}.home-footer{color:var(--muted);flex-direction:column;align-items:center;gap:8px;margin-top:40px;margin-bottom:24px;font-size:.65rem;display:flex}.footer-links{align-items:center;gap:8px;display:flex}.footer-links button{color:var(--muted);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.footer-links button:hover{color:var(--text)}.footer-links a{color:var(--muted);text-decoration:underline}.footer-links a:hover{color:var(--text)}.footer-sep{opacity:.5}@media (width<=600px){#search-screen{gap:16px}.stats-cells{flex-wrap:wrap}.stat-cell{border-right:none;border-bottom:1px solid var(--border-dim);flex:0 0 50%;padding:8px 6px}.stat-cell:nth-child(odd){border-right:1px solid var(--border-dim)}.stat-cell:nth-last-child(-n+2){border-bottom:none}.stat-val{font-size:.85rem}.stat-key{font-size:.48rem}}@media (width<=400px){#search-screen{gap:12px}}.footer-copy{opacity:.8;letter-spacing:.02em}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#282c34;--surface:#21252b;--card:#2c313c;--border:#fff;--border-dim:#ffffff2e;--accent:#98c379;--accent2:#61afef;--muted:#5c6370;--text:#abb2bf;--text-bright:#dcdfe4;--subtext:#5c6370;--danger:#e06c75;--yellow:#e5c07b;--purple:#c678dd;--font:"JetBrains Mono", monospace}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.topbar{border-bottom:1px solid var(--border);z-index:20;background:var(--surface);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.topbar-logo{color:var(--text-bright);font-size:.92rem;font-weight:700}.topbar-logo .kw{color:var(--purple)}.back-btn{font-family:var(--font);color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:6px;padding:5px 11px;font-size:.7rem;transition:color .15s;display:flex}.back-btn:hover{color:var(--text-bright)}.topbar-search-container{width:200px;transition:width .22s;position:relative}.topbar-search-container:focus-within{width:260px}.topbar-search{border:1px solid var(--border);background:var(--bg);border-radius:2px;align-items:stretch;width:100%;display:flex;overflow:hidden}.topbar-suggestions{background:var(--surface);border:1px solid var(--border);z-index:100;border-top:none;border-radius:0 0 2px 2px;max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0006}.topbar-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-dim);align-items:center;gap:8px;padding:6px 10px;font-size:.7rem;transition:background .12s;display:flex}.topbar-suggestion-item:last-child{border-bottom:none}.topbar-suggestion-item:hover{background:var(--card);color:var(--accent2)}.topbar-suggestion-avatar{width:16px;height:16px;image-rendering:pixelated;border-radius:1px}.topbar-suggestion-text{white-space:nowrap;text-overflow:ellipsis;color:var(--text-bright);flex:1;overflow:hidden}#topQuery{color:var(--text-bright);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:6px 10px;font-size:.74rem}#topQuery::placeholder{color:var(--muted)}#topSearchBtn{border:none;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;padding:0 9px;font-size:.8rem;transition:color .15s}#topSearchBtn:hover{color:var(--accent)}.loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:.74rem;display:flex}.spinner{border:2px solid var(--border-dim);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid var(--danger);color:var(--danger);background:#e06c7512;border-radius:2px;align-items:center;gap:10px;padding:15px 18px;font-size:.78rem;display:flex}.copy-btn{border:1px solid var(--border-dim);color:var(--muted);font-family:var(--font);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:2px;padding:2px 7px;font-size:.56rem;transition:color .15s,border-color .15s}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.staggered-item{opacity:0;animation:.4s forwards slideUpFade;animation-delay:calc(var(--item-index,0) * 40ms)}