.tr{position:relative;display:grid;gap:14px;padding:18px;border-radius:16px;border:1px solid hsl(var(--border-subtle,var(--border)));background:hsl(var(--background));min-width:0}.tr-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.tr-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle,var(--border)))}.tr-seg button{font:inherit;font-size:14px;font-weight:600;color:hsl(var(--text-secondary));background:transparent;border:0;border-radius:7px;padding:7px 14px;cursor:pointer}.tr-seg button[aria-selected=true]{background:hsl(var(--background));color:hsl(var(--text-primary));box-shadow:0 0 0 1px hsl(var(--border))}.tr-drill{display:inline-flex;gap:6px}.tr-drill button{font:inherit;font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:9px;border:1px solid hsl(var(--border-subtle,var(--border)));background:transparent;color:hsl(var(--text-secondary));cursor:pointer}.tr-drill button[aria-checked=true]{border-color:hsl(var(--text-secondary));color:hsl(var(--text-primary));background:hsl(var(--surface))}.tr-hidden{display:grid;justify-items:center;gap:6px;text-align:center;padding:18px 10px;color:hsl(var(--text-secondary))}.tr-hidden b{font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--text-muted))}.tr-hidden span{font-size:15px;max-width:40ch;text-wrap:balance}.tr-show{font:inherit;font-size:14px;font-weight:600;padding:9px 13px;border-radius:10px;border:1px dashed hsl(var(--primary)/.6);background:transparent;color:hsl(var(--primary-ink));cursor:pointer}.tr-paper{position:relative;border-radius:12px;background:hsl(var(--surface));border:1px solid hsl(var(--border-subtle,var(--border)));padding:18px 14px 26px;min-height:140px;display:grid;align-items:center}.tr-sheet{display:block;width:100%;height:auto;max-height:220px}.tr-seed{position:absolute;right:12px;bottom:8px;font:500 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:hsl(var(--text-muted))}.tr-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:hsl(var(--text-secondary))}.tr-steps li{display:inline-flex;align-items:center;gap:8px}.tr-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;border:1px solid hsl(var(--border));color:hsl(var(--text-primary))}.tr-acts{display:flex;flex-wrap:wrap;gap:12px}.tr-acts,.tr-roll{align-items:center}.tr-roll{display:inline-flex;gap:8px;font:inherit;font-size:14.5px;font-weight:600;padding:10px 14px;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--text-primary));cursor:pointer}.tr-roll svg{width:18px;height:18px}.tr-roll:hover{border-color:hsl(var(--primary)/.55)}.tr-hear{margin-left:auto}.tr-hear-l{font-size:14px;color:hsl(var(--text-secondary))}.tr button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media (max-width:560px){.tr{padding:14px}.tr-hear{margin-left:0}}.tr-roll small{font-size:12px;font-weight:500;color:hsl(var(--text-muted))}.tr-out{margin:0;max-width:46ch;font-size:14px;color:hsl(var(--text-secondary));text-wrap:pretty}.tr-out a{color:hsl(var(--primary-ink));text-decoration:underline;text-underline-offset:3px;font-weight:600}.tr-count{position:absolute;top:8px;right:12px;display:inline-flex;align-items:baseline;gap:6px;font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--text-muted))}.tr-count b{font:800 20px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:0;color:hsl(var(--text-primary));font-variant-numeric:tabular-nums;min-width:1.4ch}.tr-count[data-on=count] b{color:hsl(var(--primary-ink))}.tr-count[data-on=play] b{font-size:13px}