.clan-search{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:2px solid var(--color-wood-dark);border-radius:6px;background:var(--color-paper-2);box-shadow:2px 2px 0 var(--color-wood-dark);width:100%;max-width:320px}.clan-search-kanji{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:3px;border:1.5px solid var(--color-wood-dark);background:var(--color-scarlet);color:var(--color-paper-2);font-size:13px;line-height:1;box-shadow:1px 1px 0 var(--color-wood-dark);flex-shrink:0}.clan-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--color-ink)}.clan-search input::placeholder{color:var(--color-ink-muted);font-weight:400;font-style:italic}.clan-search-count{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:var(--color-ink-muted);white-space:nowrap;padding-left:2px;border-left:1px solid color-mix(in srgb,var(--color-wood-dark) 25%,transparent);margin-left:2px}.clan-search-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border:1px solid var(--color-paper-3);border-radius:3px;background:var(--color-paper-2);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;color:var(--color-ink-muted);flex-shrink:0}.clan-search:focus-within .clan-search-kbd{opacity:.4}.dynasty-board{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:stretch}.dynasty-info-col{display:flex;flex-direction:column;border-right:2px solid color-mix(in srgb,var(--color-wood-dark) 35%,transparent);background:var(--color-paper-2)}.dynasty-info-cell{display:flex;align-items:center;gap:8px;padding:8px 12px;height:56px;border-bottom:1px solid color-mix(in srgb,var(--color-wood-dark) 15%,transparent)}.dynasty-info-cell:last-child{border-bottom:0}.dynasty-info-cell--axis{height:32px;background:color-mix(in srgb,var(--color-paper-3) 22%,transparent)}.dynasty-rank{font-family:JetBrains Mono,Menlo,monospace;font-size:11px;font-weight:700;color:var(--color-ink-muted);min-width:22px}.dynasty-counts{display:flex;align-items:center;gap:3px;margin-left:auto}.dynasty-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 4px;border-radius:3px;border:1.5px solid var(--color-wood-dark);background:var(--color-paper-2);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:var(--color-ink)}.dynasty-count--rank1{background:var(--color-gold);border-color:var(--color-wood-dark);color:var(--color-ink)}.dynasty-count--rank2{background:var(--color-paper-3);border-color:var(--color-wood-dark);color:var(--color-paper-2)}.dynasty-count--rank3{background:var(--color-scarlet);border-color:var(--color-scarlet-dark);color:var(--color-paper-2)}.dynasty-tl-col{overflow-x:auto;overscroll-behavior-x:contain;background:color-mix(in srgb,var(--color-paper-3) 14%,var(--color-paper-2))}.dynasty-tl-track{position:relative}.dynasty-tl-axis{position:relative;height:32px;border-bottom:2px solid color-mix(in srgb,var(--color-wood-dark) 35%,transparent)}.dynasty-tl-tick{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;align-items:center;pointer-events:none}.dynasty-tl-tick-label{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:var(--color-ink-muted);letter-spacing:.05em}.dynasty-tl-row{position:relative;height:56px;border-bottom:1px solid color-mix(in srgb,var(--color-wood-dark) 12%,transparent)}.dynasty-tl-row:last-child{border-bottom:0}.dynasty-tl-guide{position:absolute;top:8px;bottom:8px;width:1px;transform:translate(-50%);background:color-mix(in srgb,var(--color-wood-dark) 10%,transparent);pointer-events:none}.dynasty-dot{display:inline-block;border:2px solid var(--color-wood-dark);border-radius:50%;background:var(--color-wood-dark);box-shadow:1px 1px color-mix(in srgb,var(--color-wood-dark) 60%,transparent);transition:transform .12s ease;cursor:pointer;vertical-align:middle}.dynasty-tl-row .dynasty-dot{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:1}.dynasty-tl-row .dynasty-dot:hover{transform:translate(-50%,-50%) scale(1.6);z-index:5}.dynasty-dot--rank1{width:16px;height:16px;background:var(--color-gold);border-color:var(--color-gold-dark);box-shadow:0 0 0 2px var(--color-paper-2),2px 2px 0 var(--color-wood-dark);z-index:3}.dynasty-dot--rank2{width:13px;height:13px;background:var(--color-paper-3);border-color:var(--color-wood-dark);z-index:2}.dynasty-dot--rank3{width:13px;height:13px;background:var(--color-scarlet);border-color:var(--color-scarlet-dark);z-index:2}.dynasty-dot--rankN{width:9px;height:9px;background:color-mix(in srgb,var(--color-wood-dark) 50%,var(--color-paper-3));border-color:var(--color-wood-dark);opacity:.85}.dynasty-grid{display:grid;align-items:stretch;background:color-mix(in srgb,var(--color-paper-3) 14%,var(--color-paper-2))}.dynasty-grid-header{height:40px;display:flex;align-items:center;border-bottom:2px solid color-mix(in srgb,var(--color-wood-dark) 35%,transparent);background:color-mix(in srgb,var(--color-paper-3) 22%,var(--color-paper-2))}.dynasty-grid-header--info{padding:0 12px;border-right:2px solid color-mix(in srgb,var(--color-wood-dark) 35%,transparent)}.dynasty-grid-header--axis{justify-content:center;border-left:1px solid color-mix(in srgb,var(--color-wood-dark) 12%,transparent)}.dynasty-grid-info{display:flex;align-items:center;gap:8px;padding:8px 12px;height:56px;background:var(--color-paper-2);border-right:2px solid color-mix(in srgb,var(--color-wood-dark) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-wood-dark) 14%,transparent)}.dynasty-grid-cell{height:56px;display:flex;align-items:center;justify-content:center;border-left:1px solid color-mix(in srgb,var(--color-wood-dark) 10%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-wood-dark) 10%,transparent);padding:4px}.dynasty-grid-cell--empty{color:color-mix(in srgb,var(--color-ink-muted) 60%,transparent);font-family:JetBrains Mono,monospace;font-size:14px}.dynasty-tile{width:100%;max-width:76px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:2px solid var(--color-wood-dark);border-radius:6px;background:var(--color-wood);box-shadow:2px 2px 0 var(--color-wood-dark);font-family:var(--font-display);font-weight:900;color:var(--color-paper-2);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;cursor:pointer}.dynasty-tile:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-wood-dark)}.dynasty-tile--rank1{background:var(--color-gold);border-color:var(--color-wood-dark);color:var(--color-ink);height:36px;max-width:84px}.dynasty-tile--rank2{background:var(--color-paper-3);border-color:var(--color-wood-dark);color:var(--color-paper-2)}.dynasty-tile--rank3{background:var(--color-scarlet);border-color:var(--color-scarlet-dark)}.dynasty-tile-kanji{font-size:14px;color:var(--color-wood-dark);line-height:1}.dynasty-tile-rank{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.02em}.dynasty-tip{position:fixed;pointer-events:none;padding:4px 8px;border-radius:4px;background:var(--color-wood-dark);color:var(--color-paper-2);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;z-index:100;transition:opacity 80ms ease;--tip-arrow-x: 50%}.dynasty-tip[data-placement=top]:after{content:"";position:absolute;top:100%;left:var(--tip-arrow-x);transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-wood-dark)}.dynasty-tip[data-placement=bottom]:after{content:"";position:absolute;bottom:100%;left:var(--tip-arrow-x);transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-wood-dark)}@media(max-width:640px){.dynasty-board{grid-template-columns:160px minmax(0,1fr)}.dynasty-info-cell{padding:6px 8px}.dynasty-counts{display:none}}