*{box-sizing:border-box}body{margin:0;background:#101217;color:#f4f5f7;font-family:Inter,system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:24px}#join{max-width:420px;margin:80px auto;text-align:center}h1{font-size:48px;letter-spacing:6px;margin:0 0 8px}input,button{font:inherit;border-radius:10px;border:1px solid #343945;padding:12px;margin:5px;background:#1b1f27;color:white}button{cursor:pointer;font-weight:700}button:disabled{opacity:.35;cursor:not-allowed}#players{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.player{background:#1b1f27;border:1px solid #343945;padding:10px 14px;border-radius:14px}.active{outline:3px solid #fff}.table{min-height:430px;border-radius:48%;background:radial-gradient(ellipse,#24593f,#153527 70%);border:14px solid #4b2e20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;box-shadow:inset 0 0 45px #0008}#claim{font-size:46px;font-weight:900}.pile{font-size:92px;position:relative}.pile span{position:absolute;font-size:16px;background:#111;padding:5px 8px;border-radius:20px;right:-12px;bottom:8px}.actions{display:flex;flex-wrap:wrap;justify-content:center}#hand{display:flex;gap:8px;overflow-x:auto;padding:12px 2px;min-height:145px}.card{min-width:78px;height:118px;background:#f7f4ed;color:#111;border-radius:9px;border:3px solid transparent;font-size:25px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer}.red{color:#b22222}.selected{transform:translateY(-10px);border-color:#f4c542}#notice{text-align:center;font-size:22px;font-weight:800;min-height:34px;margin-top:12px}@media(max-width:600px){.table{min-height:330px;border-radius:34px}#claim{font-size:34px}.card{min-width:64px;height:98px}h1{font-size:38px}}