:root{font-family:system-ui,sans-serif;color:#1e2933;background:#edf1f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}main{min-height:100vh;display:grid;place-items:center;padding:2rem}.welcome{width:min(42rem,100%);padding:clamp(2rem,8vw,5rem);border:1px solid #cbd5dc;border-radius:1rem;background:#fff;box-shadow:0 1rem 3rem #21354718}.eyebrow{margin:0 0 .75rem;color:#1459a6;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{max-width:11ch;margin:0;font-size:clamp(2.2rem,7vw,4.5rem);line-height:.98}.muted{color:#5c6872;line-height:1.5}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}button{border:0;border-radius:.45rem;padding:.7rem 1rem;font:inherit;background:#1459a6;color:#fff}button.secondary{background:#5c6872}button:disabled{cursor:not-allowed;opacity:.65}.status{min-height:1.5rem;margin-bottom:0;color:#1459a6}.status[data-state=error]{color:#9e2b2b}.panel{display:grid;gap:.65rem;margin:1rem 0;padding:1rem;border:1px solid #cbd5dc;border-radius:.6rem;background:#f8fafb}input,textarea{width:100%;border:1px solid #9aa8b3;border-radius:.35rem;padding:.65rem;font:inherit}label{display:grid;gap:.35rem;font-size:.9rem}.result textarea{font-family:ui-monospace,monospace;font-size:.8rem}.players{padding-left:1.25rem;line-height:1.7}.table-view{display:grid;gap:.75rem;margin-top:1.5rem}.table-view h3{margin:.25rem 0}.table-surface{position:relative;min-height:20rem;overflow:hidden;border:1px solid #315b47;border-radius:.8rem;background:var(--table-color, #286044);box-shadow:inset 0 0 0 1rem #214d39}.table-empty{margin:2rem;color:#dbece2}.card{position:absolute;display:grid;place-items:center;width:4.3rem;min-height:6rem;padding:.35rem;border:2px solid #d4dce2;border-radius:.45rem;background:#fff;color:#1e2933;box-shadow:0 .35rem .5rem #10261b66;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center}.card strong{max-width:100%;overflow:hidden;font-size:.68rem;overflow-wrap:anywhere}.card.face-down{border-color:#9db3c7;background:repeating-linear-gradient(135deg,#315a80 0,#315a80 .25rem,#477ba8 .25rem,#477ba8 .5rem);color:#fff}.card.face-down strong{visibility:hidden}.card.dragging{cursor:grabbing;opacity:.82;box-shadow:0 .7rem 1rem #10261b99}.hand-tray{padding:1rem;border:1px solid #cbd5dc;border-radius:.6rem;background:#f8fafb}.hand-cards{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.hand-cards .card{position:relative;left:auto!important;top:auto!important;transform:none!important;cursor:default}.hand-cards .card button{grid-column:1;font-size:.68rem;padding:.4rem .5rem}