*{box-sizing:border-box}body{margin:0;background:#103e36;color:#f9f4e6;font:17px system-ui}header,main{max-width:1000px;margin:24px auto;padding:20px}h1{letter-spacing:.15em}small{font-size:14px;color:#edcd82}section{padding:24px;background:#174b42;border-radius:16px}label{display:inline-flex;flex-direction:column;margin:8px}button,input,select{font:inherit;padding:10px;border-radius:7px;border:1px solid #b9a875;margin:5px}button{cursor:pointer;background:#f8e8bd;color:#173c35}button:disabled{opacity:.5;cursor:default}#players{display:flex;flex-wrap:wrap;gap:12px}.player{padding:12px;border:1px solid #8b9d82;border-radius:10px}.player img{width:52px;height:52px;object-fit:cover;vertical-align:middle}.card{min-width:65px;background:#fff;color:#142f2b}.red{color:#a22}#status{min-height:1.5em;color:#ffe4a1}#hand{display:flex;flex-wrap:wrap}
.hand-card{display:flex;flex-direction:column;align-items:stretch;margin:4px}.hand-card button{margin:2px}.card.selected{outline:3px solid #edcd82;transform:translateY(-4px)}