.hok-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.hok-title{font-family:var(--font-navbar, inherit);font-size:1rem;font-weight:600;color:oklch(var(--un-preset-theme-colors-primary));margin:0 0 .2rem}.hok-subtitle{font-family:var(--font-navbar, inherit);font-size:.65rem;color:oklch(var(--un-preset-theme-colors-secondary));margin:0}.hok-loading{font-family:var(--font-navbar, inherit);font-size:.75rem;color:oklch(var(--un-preset-theme-colors-secondary))}.hok-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.75rem}@media (min-width:480px){.hok-stats-grid{grid-template-columns:repeat(4,1fr)}}.hok-stat-card{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.6rem .4rem;border-radius:.4rem;border:1px solid oklch(var(--un-preset-theme-colors-secondary)/.12);background:oklch(var(--un-preset-theme-colors-secondary)/.04)}.hok-stat-label{font-family:var(--font-navbar, inherit);font-size:.58rem;color:oklch(var(--un-preset-theme-colors-secondary)/.7)}.hok-stat-value{font-family:var(--font-navbar, inherit);font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:oklch(var(--un-preset-theme-colors-primary));line-height:1.2}.hok-stat-value.is-win{color:oklch(50.8%.118 165.612)}.hok-stat-value.is-lose{color:oklch(50.5%.213 27.518)}.dark .hok-stat-value.is-win{color:oklch(76.5%.177 163.223)}.dark .hok-stat-value.is-lose{color:oklch(70.4%.191 22.216)}.hok-stat-unit{font-family:var(--font-navbar, inherit);font-size:.6rem;color:oklch(var(--un-preset-theme-colors-secondary)/.6)}.hok-streak-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .6rem;border-radius:.3rem;background:oklch(var(--un-preset-theme-colors-secondary)/.05);font-family:var(--font-navbar, inherit);font-size:.65rem;color:oklch(var(--un-preset-theme-colors-secondary));flex-wrap:wrap}.hok-streak-item strong{font-variant-numeric:tabular-nums;color:oklch(var(--un-preset-theme-colors-primary))}.hok-streak-sep{opacity:.4}.hok-streak-note{opacity:.5;font-size:.58rem}.hok-toggle-wrap{display:flex;align-items:center;gap:.3rem;cursor:pointer;user-select:none;flex-shrink:0}.hok-toggle-label{font-family:var(--font-navbar, inherit);font-size:.6rem;color:oklch(var(--un-preset-theme-colors-secondary)/.8)}.hok-track{position:relative;display:inline-flex;align-items:center;width:1.75rem;height:1rem;border-radius:.5rem;background:oklch(var(--un-preset-theme-colors-secondary)/.2);transition:background .2s ease;flex-shrink:0}.hok-track.is-active{background:oklch(50.8%.118 165.612/.7)}.dark .hok-track.is-active{background:oklch(76.5%.177 163.223/.6)}.hok-toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.hok-thumb{position:absolute;left:.1rem;width:.8rem;height:.8rem;border-radius:50%;background:oklch(var(--un-preset-theme-colors-background));box-shadow:0 1px 3px #0003;transition:transform .2s ease}.hok-track.is-active .hok-thumb{transform:translate(.75rem)}.hok-list{display:flex;flex-direction:column}.hok-row{display:flex;align-items:center;gap:.6rem;padding:.65rem 0;border-bottom:1px solid oklch(var(--un-preset-theme-colors-secondary)/.1);font-family:var(--font-navbar, inherit)}.hok-row:last-of-type{border-bottom:none}.hok-badge{font-weight:700;font-size:.75rem;width:1.4rem;text-align:center;flex-shrink:0;line-height:1.4rem;border-radius:.2rem}.hok-badge-win{color:oklch(50.8%.118 165.612);background:oklch(50.8%.118 165.612/.08)}.hok-badge-lose{color:oklch(50.5%.213 27.518);background:oklch(50.5%.213 27.518/.08)}.dark .hok-badge-win{color:oklch(76.5%.177 163.223);background:oklch(76.5%.177 163.223/.1)}.dark .hok-badge-lose{color:oklch(70.4%.191 22.216);background:oklch(70.4%.191 22.216/.1)}.hok-hero-icon{width:2.5rem;height:2.5rem;border-radius:.25rem;object-fit:cover;flex-shrink:0}.hok-icon-placeholder{width:2.5rem;height:2.5rem;border-radius:.25rem;flex-shrink:0;background:oklch(var(--un-preset-theme-colors-secondary)/.1)}.hok-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.hok-info-top{display:flex;align-items:baseline;gap:.4rem}.hok-hero-name{font-size:.8rem;font-weight:600;color:oklch(var(--un-preset-theme-colors-primary));white-space:nowrap}.hok-mode{font-size:.65rem;color:oklch(var(--un-preset-theme-colors-secondary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hok-kda{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;color:oklch(var(--un-preset-theme-colors-primary));letter-spacing:.02em}.hok-info-bottom{display:flex;align-items:baseline;gap:.5rem}.hok-grade{font-size:.62rem;color:oklch(var(--un-preset-theme-colors-secondary)/.8);font-variant-numeric:tabular-nums}.hok-date{font-size:.58rem;color:oklch(var(--un-preset-theme-colors-secondary)/.5);margin-left:auto;flex-shrink:0}.hok-more-wrap{display:flex;justify-content:center;margin-top:1rem}.hok-load-more{font-family:var(--font-navbar, inherit);font-size:.7rem;padding:.4rem 1.2rem;border-radius:.3rem;border:1px solid oklch(var(--un-preset-theme-colors-secondary)/.25);background:0 0;color:oklch(var(--un-preset-theme-colors-secondary));cursor:pointer;transition:border-color .15s ease,color .15s ease}.hok-load-more:hover{border-color:oklch(var(--un-preset-theme-colors-secondary)/.5);color:oklch(var(--un-preset-theme-colors-primary))}.hok-load-more:disabled{opacity:.5;cursor:not-allowed}.hok-end{text-align:center;font-family:var(--font-navbar, inherit);font-size:.62rem;color:oklch(var(--un-preset-theme-colors-secondary)/.4);margin-top:1rem}