*{box-sizing:border-box}body{margin:0;background:#172c3c;color:#fff;font:16px system-ui,sans-serif}main{width:min(100% - 32px,600px);margin:32px auto}a{color:#bde9ff}h1{margin:.5em 0 .2em}header p{color:#c6d7e0}section{background:#234b48;padding:20px;border-radius:16px}h2{font-size:18px}.hand{display:flex;gap:8px;flex-wrap:wrap;min-height:92px}.card{width:62px;height:86px;border-radius:7px;background:#fff;color:#152c38;display:grid;place-items:center;font-size:23px}.red{color:#c62828}.hidden-card{background:#8d2b38;color:#fff}.controls{display:flex;flex-wrap:wrap;gap:8px}button{border:0;border-radius:8px;padding:12px 18px;min-height:48px;font:inherit;cursor:pointer;background:#f4b334;color:#192b31}button:disabled{opacity:.5;cursor:default}#message{min-height:48px}