.board{background:var(--rule);box-shadow:0 0 0 5px var(--bg), 0 0 0 6px color-mix(in srgb, var(--rule) 55%, transparent), 0 40px 80px -40px var(--shadow);grid-template-rows:repeat(4,minmax(96px,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid}.cell{background:var(--surface);min-width:0;color:var(--text);text-align:left;font:inherit;flex-direction:column;gap:3px;padding:5px;font-size:.625rem;line-height:1.3;display:flex}button.cell{cursor:pointer;transition:background-color .15s var(--ease)}button.cell:hover{background:var(--accent-wash)}.cell.is-selected{background:var(--raised);box-shadow:inset 0 0 0 1.5px var(--accent-strong)}.cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:0}.cell-head{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.cell-name{color:var(--accent);white-space:nowrap;font-size:.65625rem;font-weight:700}.cell.is-selected .cell-name{color:var(--accent-strong)}.cell-major,.cell-minor{flex-direction:column;gap:1px;display:flex}.cell-major .star{color:var(--text);font-size:.71875rem;font-weight:600;line-height:1.35}.cell-minor .star{color:var(--text-3);font-size:.625rem}.cell-minor .star:nth-child(n+2){display:none}.cell-major:has(.star:nth-child(2))+.cell-minor{display:none}.cell-empty{color:var(--text-3);font-size:.6875rem;font-style:italic}.cell-foot{justify-content:space-between;align-items:flex-end;gap:4px;margin-top:auto;display:flex}.cell-tags{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.cell-tags .tag{padding:0 4px;font-size:.5625rem}.cell-stem{color:var(--text-3);font-size:.75rem;display:none}.cell-age{font-family:var(--font-display);color:var(--text-3);font-size:.8125rem;font-weight:700;display:none}.star{display:inline}.star-name{white-space:nowrap}.star.el-kim{color:var(--kim)}.star.el-moc{color:var(--moc)}.star.el-thuy{color:var(--thuy)}.star.el-hoa{color:var(--hoa)}.star.el-tho{color:var(--tho)}.star-bright{color:var(--text-3);vertical-align:.3em;margin-left:2px;font-size:.78em;font-weight:600}.board-center{background:#3a2a1c url(/art/eggshell.svg) 50%/cover;grid-area:2/2/span 2/span 2;padding:9px;display:grid}.plaque{text-align:center;background:var(--plaque);min-width:0;color:var(--plaque-text);box-shadow:0 0 0 1px var(--plaque-gold);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px;display:flex}.plaque-kicker,.plaque-extra{display:none}.plaque-kicker{font-family:var(--font-display);letter-spacing:.04em;color:var(--plaque-gold);font-size:.875rem;font-style:italic;font-weight:600}.plaque-title{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.125rem;font-weight:800;line-height:1.1}.plaque-sub{color:var(--plaque-text-2);font-size:.6875rem}.plaque-label{color:var(--plaque-muted);margin-top:4px;font-size:.625rem}.plaque-value{font-size:.75rem;font-weight:600;line-height:1.3}.plaque-extra{color:var(--plaque-muted);margin-top:6px;font-size:.6875rem;line-height:1.4}@media (min-width:720px){.board{grid-template-rows:repeat(4,minmax(120px,auto));max-width:600px}.cell{gap:3px;padding:8px}.cell-name{font-size:.75rem}.cell-major .star{font-size:.8125rem}.cell-minor .star{font-size:.6875rem}.cell-minor .star:nth-child(n+2){display:inline}.cell-major:has(.star:nth-child(2))+.cell-minor{display:flex}.cell-empty{font-size:.6875rem}.cell-tags .tag{font-size:.625rem}.cell-age{font-size:.75rem;display:block}.board-center{padding:18px}.plaque{gap:3px}.plaque-kicker{font-size:.875rem;display:block}.plaque-title{font-size:1.5rem}.plaque-sub{font-size:.75rem}.plaque-label{margin-top:6px;font-size:.6875rem}.plaque-value{font-size:.8125rem}.plaque-extra{display:block}}@media (min-width:1100px){.chart-main .board{grid-template-rows:repeat(4,minmax(160px,auto));max-width:none}.chart-main .cell{padding:11px}.chart-main .cell-name{font-size:.84375rem}.cell-major .star{font-size:.90625rem}.cell-minor .star{font-size:.75rem}.chart-main .cell-stem{font-size:.6875rem;display:inline}.chart-main .cell-age{font-size:.8125rem}.chart-main .board-center{padding:24px}.chart-main .plaque-kicker{font-size:1.0625rem}.chart-main .plaque-title{font-size:1.75rem}.chart-main .plaque-sub{font-size:.8125rem}.chart-main .plaque-value{font-size:.9375rem}}