:root{--bg:#0f1220;--panel:#151a2e;--line:#2a3150;--text:#e6e9f2;--dim:#8a93b2;--accent:#f2c14e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 ui-sans-serif,system-ui,sans-serif}#board{max-width:1100px;margin:0 auto;padding:20px 24px 60px}a{color:var(--accent)}.dim{color:var(--dim)}.small{font-size:13px}.hidden{display:none!important}.top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.logo{letter-spacing:2px;color:var(--text);font-size:24px;font-weight:900;text-decoration:none}.logo span{color:var(--accent)}h1{flex:1;margin:0;font-size:26px}.links{gap:8px;display:flex}.links a{color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 12px;text-decoration:none}.links a:hover{background:#1c2240}.links a.play{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:700}.intro{margin:8px 0 14px}.tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.search{border:1px solid var(--line);max-width:340px;min-height:40px;color:var(--text);font:inherit;background:#0c0f1b;border-radius:8px;flex:220px;padding:8px 12px}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{border:1px solid var(--line);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:#1a2038;border-radius:8px;padding:6px 14px}.btn:hover:not(:disabled){background:#232b4d}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.head:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.find{border-color:var(--accent);color:var(--accent)}.status{flex:100%}.status.busy{opacity:.7}.notice{color:#f6dc9a;background:#2a2414;border:1px solid #6b5520;border-radius:8px;margin:6px 0 10px;padding:8px 12px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:10px 0;display:flex}.pageno{color:var(--dim);padding:0 8px}.rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row{border:1px solid var(--line);background:var(--panel);border-radius:10px;scroll-margin-top:12px;overflow:hidden}.row.mine{border-color:var(--accent)}.row.found{box-shadow:0 0 0 2px var(--accent)}.empty{text-align:center;padding:20px}.head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:56px 48px minmax(0,1fr) 72px 96px 20px;align-items:center;gap:10px;padding:6px 12px;display:grid}.head:hover{background:#1a2038}.rank{font-variant-numeric:tabular-nums;color:var(--dim);font-weight:800}.rank.medal{font-size:17px}.rank.m1{color:#ffd23f}.rank.m2{color:#d6dde8}.rank.m3{color:#e0915a}.portrait{display:block}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.brank{white-space:nowrap;margin-left:8px;font-size:12px;font-weight:800}.you{background:var(--accent);color:#1a1a1a;vertical-align:2px;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:800}.lvl,.pow{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:700}.pow{color:var(--accent)}.lvl small,.pow small{color:var(--dim);font-size:11px;font-weight:600}.chev{color:var(--dim);text-align:center;transition:transform .15s}.row.open .chev{transform:rotate(180deg)}.detail{border-top:1px solid var(--line);background:#121629;gap:14px;padding:14px 16px 16px;display:grid}.who{align-items:center;gap:16px;display:flex}.who .big{font-size:20px;font-weight:800}.k{color:var(--dim);letter-spacing:1px;margin-top:8px;font-size:11px;font-weight:700}.primes{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.prime-chip{border:1px solid var(--prime);color:var(--prime);background:color-mix(in srgb, var(--prime) 12%, transparent);cursor:help;border-radius:12px;padding:2px 10px;font-size:12px}.prime-chip b{font-size:14px}.gears{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gear{border:1px solid var(--line);border-left:3px solid var(--rarity,var(--line));background:var(--panel);border-radius:8px;min-width:0;padding:8px 10px}.gear.empty{border-left-color:var(--line)}.slot{letter-spacing:1px;font-size:11px;font-weight:700}.ghead{align-items:center;gap:8px;margin:4px 0;display:flex}.gicon{flex:none;width:36px;height:36px}.gname{overflow-wrap:anywhere;font-weight:700}.gname.giga{letter-spacing:1px;animation:1.6s ease-in-out infinite giga-text}@keyframes giga-text{0%,to{text-shadow:0 0 6px #c084fc,0 0 12px #a855f7}50%{text-shadow:0 0 10px #fff,0 0 18px #c084fc}}.stars{color:#ffd23f;letter-spacing:1px;font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;display:grid}.stat-group .k{margin:0 0 4px}.stat{border-bottom:1px dashed #232a45;justify-content:space-between;gap:8px;padding:2px 0;font-size:14px;display:flex}.stat b{font-variant-numeric:tabular-nums;text-align:right}@media (width>=1500px){#board{max-width:1280px}}@media (width<=800px){#board{padding:14px 12px 40px}.gears,.stats{grid-template-columns:1fr}h1{font-size:22px}}@media (width<=520px){.head{grid-template-columns:40px 44px minmax(0,1fr) auto auto 14px;gap:8px;padding:6px 8px}.lvl small,.pow small{line-height:1;display:block}.head .brank-name{display:none}.links a{padding:6px 10px}.search{max-width:none}.who{flex-direction:column;align-items:flex-start}}
