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

evidence-grid.svg

meld-provenance-table.svg

seat-ledgers.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="34" height="48" rx="4" fill="#f7f3e8" stroke="#d8d2c0"/><text x="5" y="15" font-family="Arial" font-size="11" font-weight="700" fill="#23201a">7</text><text x="5" y="27" font-size="11" fill="#b3382c">♦</text></g>
    <g id="seat"><rect width="258" height="174" rx="14" fill="#102d20" fill-opacity=".72" stroke="#efe7d0" stroke-opacity=".18"/><text x="15" y="53" font-family="Arial" font-size="10" font-weight="700" letter-spacing="1.5" fill="#9ab7a5">REMAINING HAND</text><g transform="translate(15 61)"><use href="#card"/><use href="#card" x="30"/><use href="#card" x="60"/></g><text x="132" y="53" font-family="Arial" font-size="10" font-weight="700" letter-spacing="1.5" fill="#9ab7a5">MELDS LAID</text><g transform="translate(132 61)"><use href="#card"/><use href="#card" x="30"/><use href="#card" x="60"/><use href="#card" x="90"/></g><path d="M15 122H243" stroke="#efe7d0" stroke-opacity=".16"/><text x="15" y="148" font-family="Arial" font-size="11" fill="#9ab7a5">Hand result</text></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="54" y="58" fill="#e0bf4e" font-family="Arial" font-size="13" font-weight="700" letter-spacing="3">HAND 4 COMPLETE · FIVE-PLAYER REVEAL</text>
  <g fill="#efe7d0" font-family="Georgia" font-size="20">
    <g transform="translate(55 78)"><use href="#seat"/><text x="15" y="28">Doug</text><text x="243" y="28" text-anchor="end" font-family="Arial" font-size="16" font-weight="700">−$2</text><text x="243" y="148" text-anchor="end" font-family="Arial" font-size="14">Balance −$4</text></g>
    <g transform="translate(326 78)"><use href="#seat"/><text x="15" y="28">Scott</text><text x="243" y="28" text-anchor="end" font-family="Arial" font-size="16" font-weight="700">−$2</text><text x="243" y="148" text-anchor="end" font-family="Arial" font-size="14">Balance −$6</text></g>
    <g transform="translate(597 78)"><use href="#seat"/><text x="15" y="28">Greg</text><text x="243" y="28" text-anchor="end" font-family="Arial" font-size="16" font-weight="700">−$2</text><text x="243" y="148" text-anchor="end" font-family="Arial" font-size="14">Balance $0</text></g>
    <g transform="translate(868 78)"><use href="#seat"/><rect width="258" height="174" rx="14" fill="none" stroke="#b3382c" stroke-width="2"/><text x="15" y="28">John · declared</text><text x="243" y="28" text-anchor="end" font-family="Arial" font-size="16" font-weight="700">−$2</text><text x="243" y="148" text-anchor="end" font-family="Arial" font-size="14">Balance −$2</text></g>
  </g>
  <g transform="translate(390 284)" filter="url(#s)"><rect width="420" height="214" rx="16" fill="#f4eddc" stroke="#23201a"/><text x="210" y="42" text-anchor="middle" font-family="Georgia" font-size="32" font-weight="700" fill="#23201a">You undercut!</text><text x="24" y="76" font-family="Arial" font-size="13" fill="#4a4438">Four opponents paid you $2 each</text><path d="M24 92H396" stroke="#a69b83"/><g font-family="Arial" font-size="14" fill="#23201a"><text x="24" y="119">Doug · Scott · Greg · John → You</text><text x="396" y="119" text-anchor="end" font-weight="700">+$8</text><text x="24" y="146">Your running balance</text><text x="396" y="146" text-anchor="end" fill="#1e6c48" font-weight="700">+$12</text></g><rect x="24" y="164" width="240" height="36" rx="8" fill="#1e5b3e"/><text x="144" y="188" text-anchor="middle" font-family="Arial" font-size="15" font-weight="700" fill="#f4eddc">Deal next hand</text><text x="330" y="188" text-anchor="middle" font-family="Arial" font-size="14" font-weight="700" fill="#4a4438">Quit game</text></g>
  <g transform="translate(330 530)" font-family="Arial" fill="#efe7d0"><rect width="540" height="158" rx="16" fill="#102d20" fill-opacity=".72" stroke="#2f9465" stroke-width="2"/><text x="18" y="29" font-family="Georgia" font-size="21">You · winner</text><text x="520" y="29" text-anchor="end" font-size="17" font-weight="700" fill="#e0bf4e">+$8 this hand</text><text x="18" y="56" font-size="10" font-weight="700" letter-spacing="1.5" fill="#9ab7a5">REMAINING HAND</text><g transform="translate(18 66)"><use href="#card"/><use href="#card" x="34"/></g><text x="156" y="56" font-size="10" font-weight="700" letter-spacing="1.5" fill="#9ab7a5">MELDS LAID</text><g transform="translate(156 66)"><use href="#card"/><use href="#card" x="30"/><use href="#card" x="60"/><use href="#card" x="104"/><use href="#card" x="134"/><use href="#card" x="164"/></g><text x="520" y="135" text-anchor="end" font-size="14">Balance +$12</text></g>
</svg>