body{margin:0;padding:0;background:#0b5c2e;color:#fff;font-family:sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{display:flex;justify-content:space-between;padding:10px 20px;background:#0000004d}.table{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative}.opponents{display:flex;justify-content:space-around;height:80px}.player{background:#0006;padding:10px;border-radius:8px;text-align:center;min-width:100px}.play-area{flex:1;display:flex;justify-content:center;align-items:center;gap:20px}.played-cards{display:flex;gap:-10px}.hand{display:flex;justify-content:center;height:120px;align-items:flex-end;padding-bottom:10px}.card{width:60px;height:90px;background:#fff;color:#000;border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #00000080;margin:0 -10px;transition:transform .2s;-webkit-user-select:none;user-select:none}.card.selected{transform:translateY(-20px);background:#e0e0e0}.card.red{color:red}.controls{display:flex;justify-content:center;gap:20px;padding:10px;background:#0000004d}button{padding:10px 24px;font-size:16px;cursor:pointer;background:#f39c12;border:none;border-radius:4px;color:#fff;font-weight:700}button:disabled{background:#7f8c8d;cursor:not-allowed}