.draft .dr-scroll,.draft section{min-width:0;max-width:100%}.draft{display:grid;gap:var(--s-6)}.dr-lede{font-size:14px;margin-top:var(--s-3);max-width:52ch}.dr-lede,.dr-note{color:var(--muted)}.dr-note{font-size:13px;margin-bottom:var(--s-2)}[data-tone=up]{--t:var(--positive)}[data-tone=down]{--t:var(--negative)}[data-tone=flat]{--t:var(--muted)}.dr-cards{list-style:none;display:grid;gap:var(--s-3)}.dr-card{display:grid;grid-template-columns:64px 1fr;gap:var(--s-2) var(--s-3);align-items:center;padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line);border-left:4px solid var(--c);min-width:0}.dr-card[data-me=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dr-grade{grid-row:span 2;font-family:var(--display);font-weight:800;font-size:56px;line-height:1;text-align:center;color:var(--t)}.dr-who{display:flex;gap:var(--s-2);align-items:center;min-width:0}.dr-av{width:32px;height:32px;border-radius:50%;flex:none;-o-object-fit:cover;object-fit:cover}.dr-av-ini{display:grid;place-items:center;background:var(--surface-3);font-size:11px;font-weight:700}.dr-name{display:grid;min-width:0}.dr-name b,.dr-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-name span{font-size:12px;color:var(--muted)}.dr-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}.dr-stats dt{font-size:10px;color:var(--muted);text-transform:uppercase}.dr-stats dd{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--t,var(--text))}.dr-bw{grid-column:1/-1;display:grid;gap:2px;font-size:12px;color:var(--muted)}.dr-bw span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-bw b{font-family:var(--mono);color:var(--t)}.dr-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);overscroll-behavior-x:contain}.dr-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dr-board{border-collapse:separate;border-spacing:0;width:-moz-max-content;width:max-content}.dr-board td,.dr-board th{width:92px;min-width:92px;max-width:92px;padding:6px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top}.dr-board thead th{font-size:11px;font-weight:700;border-top:3px solid var(--c);background:var(--surface-2)}.dr-colname{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-board .dr-corner,.dr-board .dr-rd{position:sticky;left:0;z-index:2;width:40px;min-width:40px;max-width:40px;background:var(--surface-2);text-align:center;font-family:var(--mono);font-size:12px}.dr-board td{background:color-mix(in oklch,var(--t,transparent) 16%,var(--surface-1))}.dr-board td[data-tone=flat]{background:var(--surface-1)}.dr-cell-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-cell-n,.dr-cell-name{display:block;font-size:12px}.dr-cell-n{font-family:var(--mono);font-weight:700;color:var(--t)}.dr-duo{display:grid;gap:var(--s-6)}.dr-list{list-style:none;display:grid;gap:var(--s-2)}.dr-li{display:grid;grid-template-columns:32px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line);min-width:0}.dr-li-rk{font-family:var(--display);font-weight:800;font-size:22px;color:var(--muted);text-align:center}.dr-li-who{display:grid;min-width:0}.dr-li-who b,.dr-li-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-li-who span{font-size:12px;color:var(--muted)}.dr-li-n{display:grid;text-align:right}.dr-li-n b{font-family:var(--mono);font-size:18px;color:var(--t)}.dr-li-n span{font-family:var(--mono);font-size:11px;color:var(--muted)}.dr-method{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.dr-method summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.dr-method p{font-size:14px;color:var(--muted);margin-top:var(--s-2)}.dr-fine{font-size:12px!important}@media (min-width:720px){.dr-cards,.dr-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.dr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.draft *{transition:none!important;animation:none!important}}.dr-cards,.dr-list{list-style:none;margin:0;padding:0}