:root{--bg:#0b0e14;--panel:#161a22;--border:#262c38;--text:#e6e8ee;--muted:#8b93a5;--accent:#f0b90b;--tile-gap:#0b0e14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}.app{flex-direction:column;gap:12px;height:100dvh;padding:16px 20px 12px;display:flex}.brand{align-items:center;gap:12px;margin:0;line-height:1;display:flex}.brand-mark{flex-shrink:0;grid-template-rows:9px 5px 9px;grid-template-columns:14px 9px;gap:2px;display:grid}.brand-mark i{border-radius:2px}.brand-mark i:first-child{background:#e0242f;grid-row:1/3}.brand-mark i:nth-child(2){background:#16c784;grid-row:1/2}.brand-mark i:nth-child(3){background:#8a2c33;grid-row:2/4}.brand-mark i:nth-child(4){background:#1f6b4b;grid-area:3/1/4/2}.brand-en{letter-spacing:.16em;background:linear-gradient(90deg,#ff5b66 0%,#f0b90b 50%,#16c784 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.brand-ja{border-left:1px solid var(--border);letter-spacing:.08em;color:var(--text);padding-left:12px;font-size:18px;font-weight:600}.subtitle{color:var(--muted);margin:8px 0 0;font-size:12px}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:8px 14px;font-size:13px;font-weight:600;position:relative}.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.tab:disabled{cursor:not-allowed;opacity:.5}.tab-badge{background:var(--border);border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.toolbar-spacer{flex:1}.select{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.select select,.button{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.button:disabled{opacity:.5;cursor:default}.rank-badge{color:var(--muted);white-space:nowrap;background:#f0b90b14;border:1px solid #f0b90b59;border-radius:999px;padding:5px 10px;font-size:12px}.rank-badge strong{color:var(--accent);margin-left:2px}.reload{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.reload-row{align-items:center;gap:10px;display:flex}.reload-note{color:var(--muted);text-align:right;margin:0;font-size:10.5px;line-height:1.5}.updated-at{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.error{background:#2a1215;border:1px solid #7a2228;border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.heatmap-frame{background:var(--panel);border-radius:10px;flex:1;min-height:320px;padding:8px}.heatmap{width:100%;height:100%;position:relative;overflow:hidden}.placeholder{height:100%;color:var(--muted);place-items:center;display:grid}.tile{border:1px solid var(--tile-gap);color:#fff;text-align:center;cursor:default;justify-content:center;align-items:center;line-height:1.1;transition:background-color .3s;display:flex;position:absolute;overflow:hidden}.tile:hover{filter:brightness(1.15)}.tile-body{pointer-events:none}.tile-symbol{letter-spacing:.01em;font-weight:500}.tile-detail{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500;line-height:1.35}.tooltip{z-index:10;border:1px solid var(--border);pointer-events:none;background:#10131af5;border-radius:8px;padding:10px 12px;font-size:12px;position:absolute;box-shadow:0 8px 24px #00000080}.tooltip-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.tooltip-head strong{font-size:14px}.tooltip-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.tooltip dt{color:var(--muted)}.tooltip dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.tooltip-change{border-radius:4px;padding:1px 6px}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.legend{border-radius:4px;display:flex;overflow:hidden}.legend-cell{color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:44px;padding:3px 6px}@media (width<=640px){.app{padding:12px 8px 8px}.brand-en{font-size:22px}.brand-ja{font-size:15px}.reload{align-items:flex-start}.reload-note{text-align:left}.heatmap-frame{padding:4px}}