body{background:#eaf1eb} .container{max-width:960px} details{line-height:1.7;margin-bottom:1rem} summary{cursor:pointer;font-weight:bold} #opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem} #opponents p{padding:.7rem;border-radius:.5rem;background:#edf4ee;text-align:center;margin:0} .table{margin:1rem 0;padding:.5rem 1rem;background:#236943;color:white;border-radius:.75rem;min-height:150px} .table h2{margin:.3rem 0} .table .card{color:#222} #hand{gap:.35rem} #hand .card{width:52px;height:70px} #hand .selected{background:#d7eaff;outline:3px solid #305bcb;transform:translateY(-5px)} .red{color:#a42535!important} #message{min-height:2em} @media(max-width:420px){body{padding:8px}.container{padding:12px}#opponents p{font-size:.85rem;padding:.5rem .15rem}#hand .card{width:44px;height:60px}}