body[data-table-game=code]{--bg:#1b2829;--surface:#293a3a}
.code-table{min-height:380px}.code-seat{padding:12px 0;border-bottom:1px solid var(--line)}.code-seat h3{font-size:14px;line-height:1.5;margin:0 0 12px;color:var(--muted)}.code-seat.active h3{color:var(--mint)}.code-seat.eliminated{opacity:.65}
.code-hand{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 12px;max-width:100%;min-height:99px}
.code-tile{flex:0 0 54px;width:54px;height:82px;min-height:82px!important;padding:9px 5px!important;border-radius:5px!important;border:1px solid #697977!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:0 3px 0 #0005;letter-spacing:0!important}
.code-tile.black{background:#1e2225!important;color:#f5f6f4!important}.code-tile.white{background:#f4f5ef!important;color:#252f31!important}.code-tile strong{font:650 30px/1.2 system-ui;white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:0!important}.code-tile small{font:400 10px/1.3 system-ui;white-space:nowrap;letter-spacing:0!important}.code-tile.revealed{border-color:#d4b270!important;border-style:dashed!important}.code-tile.selected{outline:3px solid var(--mint);outline-offset:1px}.code-tile:disabled{opacity:1!important}.code-tile:hover{transform:none!important}
.code-draw{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:105px;padding:12px 0;font-size:13px;color:var(--muted)}.code-last{font-size:13px;line-height:1.7;min-height:23px;margin:8px 0;color:var(--paper)}.code-keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:440px}.code-keypad button{min-width:0;height:42px;min-height:42px;padding:4px!important;font-size:18px;letter-spacing:0!important}.code-keypad button:disabled{opacity:.35}
@media(max-width:600px){.code-tile{flex-basis:48px;width:48px;height:76px;min-height:76px!important}.code-tile strong{font-size:26px}.code-hand{gap:6px}.code-seat{padding:9px 0}.code-keypad{gap:6px}.code-table{min-height:330px}}