/* Cargo: export treemap on the shared report styles. */
.treemap { position: relative; width: 100%; aspect-ratio: 16 / 10; margin: 14px 0 20px; background: var(--band); border: 1px solid var(--rule); }
.cell { position: absolute; overflow: hidden; border: 1.5px solid #fff; box-sizing: border-box; padding: 6px 7px; color: #fff; font-size: 12.5px; line-height: 1.25; }
.cell .pname { font-weight: 600; display: block; }
.cell .pct { opacity: 0.85; display: block; font-size: 12px; }
.cell.small { padding: 3px 4px; font-size: 10.5px; }
.cell.tiny .pname, .cell.tiny .pct { display: none; }
.cell.other { color: var(--ink); background: #D9D9D4 !important; }
.guesses th:nth-child(3), .guesses td.dir { text-align: center; width: 64px; }
.answer-list td.pct { text-align: right; font-weight: 600; }
@media (max-width: 520px) { .treemap { aspect-ratio: 4 / 3; } .cell { font-size: 11.5px; padding: 4px 5px; } }