Tonk issue #5 revised designs: remaining hands, owner melds, and dollar settlement

evidence-grid.svg

meld-provenance-table.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760">
  <defs>
    <radialGradient id="felt"><stop stop-color="#2a6e4c"/><stop offset="1" stop-color="#123b28"/></radialGradient>
    <filter id="s"><feDropShadow dx="0" dy="4" stdDeviation="4" flood-opacity=".4"/></filter>
    <g id="card"><rect width="38" height="53" rx="4" fill="#f7f3e8" stroke="#d8d2c0"/><text x="5" y="15" font-family="Arial" font-size="11" font-weight="700" fill="#23201a">4</text><text x="5" y="28" font-size="11" fill="#23201a">♣</text></g>
    <g id="hand"><text x="0" y="0" fill="#9ab7a5" font-family="Arial" font-size="9" font-weight="700" letter-spacing="1.2">REMAINING HAND</text><g transform="translate(0 10)" filter="url(#s)"><use href="#card"/><use href="#card" x="32"/><use href="#card" x="64"/></g></g>
  </defs>
  <rect width="1200" height="760" fill="#4b2e18"/><rect x="22" y="22" width="1156" height="716" rx="42" fill="url(#felt)" stroke="#102d20" stroke-width="3"/>
  <text x="600" y="57" text-anchor="middle" fill="#e0bf4e" font-family="Arial" font-size="13" font-weight="700" letter-spacing="3">TABLE REVEAL · MELDS KEEP OWNER PROVENANCE</text>
  <g fill="#efe7d0" font-family="Georgia" font-size="19">
    <g transform="translate(70 90)"><text x="0" y="0">Doug</text><text x="180" y="0" text-anchor="end" font-family="Arial" font-size="15">−$2</text><g transform="translate(0 24)"><use href="#hand"/></g></g>
    <g transform="translate(350 90)"><text x="0" y="0">Scott</text><text x="180" y="0" text-anchor="end" font-family="Arial" font-size="15">−$2</text><g transform="translate(0 24)"><use href="#hand"/></g></g>
    <g transform="translate(670 90)"><text x="0" y="0">Greg</text><text x="180" y="0" text-anchor="end" font-family="Arial" font-size="15">−$2</text><g transform="translate(0 24)"><use href="#hand"/></g></g>
    <g transform="translate(950 90)"><text x="0" y="0">John</text><text x="180" y="0" text-anchor="end" font-family="Arial" font-size="15">−$2</text><g transform="translate(0 24)"><use href="#hand"/></g></g>
  </g>
  <g transform="translate(92 255)" font-family="Arial" fill="#efe7d0"><text x="0" y="0" font-size="11" font-weight="700" letter-spacing="2" fill="#9ab7a5">MELDS LAID · GROUPED BY OWNER</text>
    <g transform="translate(0 24)"><rect width="235" height="120" rx="13" fill="#102d20" fill-opacity=".68"/><rect x="12" y="12" width="72" height="24" rx="12" fill="#4d765e"/><text x="48" y="29" text-anchor="middle" font-size="12" font-weight="700">DOUG</text><g transform="translate(16 49)"><use href="#card"/><use href="#card" x="32"/><use href="#card" x="64"/><use href="#card" x="112"/><use href="#card" x="144"/><use href="#card" x="176"/></g></g>
    <g transform="translate(249 24)"><rect width="235" height="120" rx="13" fill="#102d20" fill-opacity=".68"/><rect x="12" y="12" width="72" height="24" rx="12" fill="#4d765e"/><text x="48" y="29" text-anchor="middle" font-size="12" font-weight="700">SCOTT</text><g transform="translate(16 49)"><use href="#card"/><use href="#card" x="32"/><use href="#card" x="64"/><use href="#card" x="112"/><use href="#card" x="144"/></g></g>
    <g transform="translate(0 158)"><rect width="235" height="120" rx="13" fill="#102d20" fill-opacity=".68"/><rect x="12" y="12" width="72" height="24" rx="12" fill="#4d765e"/><text x="48" y="29" text-anchor="middle" font-size="12" font-weight="700">GREG</text><g transform="translate(16 49)"><use href="#card"/><use href="#card" x="32"/><use href="#card" x="64"/></g></g>
    <g transform="translate(249 158)"><rect width="235" height="120" rx="13" fill="#102d20" fill-opacity=".68" stroke="#b3382c"/><rect x="12" y="12" width="72" height="24" rx="12" fill="#8d342b"/><text x="48" y="29" text-anchor="middle" font-size="12" font-weight="700">JOHN</text><g transform="translate(16 49)"><use href="#card"/><use href="#card" x="32"/><use href="#card" x="64"/><use href="#card" x="112"/><use href="#card" x="144"/><use href="#card" x="176"/></g></g>
    <g transform="translate(0 292)"><rect width="484" height="105" rx="13" fill="#102d20" fill-opacity=".68" stroke="#2f9465" stroke-width="2"/><rect x="12" y="12" width="72" height="24" rx="12" fill="#246d49"/><text x="48" y="29" text-anchor="middle" font-size="12" font-weight="700">YOU</text><g transform="translate(16 45)"><use href="#card"/><use href="#card" x="32"/><use href="#card" x="64"/><use href="#card" x="112"/><use href="#card" x="144"/><use href="#card" x="176"/><use href="#card" x="224"/><use href="#card" x="256"/><use href="#card" x="288"/></g></g>
  </g>
  <g transform="translate(620 255)" filter="url(#s)"><rect width="490" height="395" rx="17" fill="#f4eddc" stroke="#23201a"/><text x="245" y="48" text-anchor="middle" font-family="Georgia" font-size="34" font-weight="700" fill="#23201a">You undercut!</text><text x="245" y="75" text-anchor="middle" font-family="Arial" font-size="13" fill="#4a4438">Remaining hands stay at seats; laid melds stay on the table</text><path d="M28 99H462" stroke="#a69b83"/><g font-family="Arial" fill="#23201a" font-size="14"><text x="28" y="136">John → You</text><text x="462" y="136" text-anchor="end">$2</text><text x="28" y="168">Doug → You</text><text x="462" y="168" text-anchor="end">$2</text><text x="28" y="200">Scott → You</text><text x="462" y="200" text-anchor="end">$2</text><text x="28" y="232">Greg → You</text><text x="462" y="232" text-anchor="end">$2</text><path d="M28 252H462" stroke="#a69b83"/><text x="28" y="284" font-weight="700">Net this hand</text><text x="462" y="284" text-anchor="end" fill="#1e6c48" font-weight="700">You +$8</text></g><rect x="28" y="317" width="280" height="48" rx="10" fill="#1e5b3e"/><text x="168" y="348" text-anchor="middle" font-family="Arial" font-size="17" font-weight="700" fill="#f4eddc">Deal next hand</text><text x="386" y="348" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#4a4438">Quit game</text></g>
  <g transform="translate(70 665)" fill="#efe7d0" font-family="Arial"><text font-family="Georgia" font-size="19">You · winner</text><text x="180" text-anchor="end" font-size="16" font-weight="700" fill="#e0bf4e">+$8</text><g transform="translate(215 -25)"><use href="#hand"/></g></g>
</svg>

seat-ledgers.svg